JS中如何替换掉<p>标签中的内容 请大神指教

Question

<div id="rads" class="formStyle selectOrder">        <p>             <input type="radio"  name="question" value="oui" checked >选项1        </p>        <p>            <input type="radio"  name="question" value="non" > 选项2        </p>        <p>            <input type="radio"  name="question" value="non" > 选项3        </p>    </div>    <button class="blueBtn" onclick = "init()">替换</button>var radioData = [{name:'紧急', value:1}, {name:'重要', value:2}, {name:'普通', value:3}];function init(){    for(var  i=0;i<radioData.length;i++){            var pArray = $("#rads p");            var radioObj = radioData[i];            pArray[i].value =radioObj.name+"";                }      }将选项1 选项2 选项3 替换成 数据中的radioData 内容 求大神指导 我的代码不起作用

Answer 1

var oBox = document.getElementsByTagName("p");

    var radioData = [{name:'紧急', value:1}, {name:'重要', value:2}, {name:'普通', value:3}];

      for(var i=0;i<radioData.length;i++){

          console.log(oBox)

          oBox[i].childNodes[2].nodeValue=radioData[i].name

      }