第一次使用appendChild()为什么无效

5979 2019-03-14 02:24:09

HTML代码

<style>* {margin:0; padding:0;}
#ul1 {width:400px; height:400px; border:1px solid black; margin:10px auto; overflow:hidden;}
#ul1 li {border-bottom:1px #999 dashed; padding:4px; list-style:none; overflow:hidden; filter:alpha(opacity:0); opacity:0;}</style></head>

<body>
<textarea id="txt1" rows="4" cols="40"></textarea>
<input id="btn1" type="button" value="发布" />
<ul id="ul1">
</ul>

js代码如下
<script>
window.onload=function ()
{var oBtn=document.getElementById('btn1'); var oUl=document.getElementById('ul1') var oTxt=document.getElementById('txt1');
oBtn.onclick=function ()
{ var oLi=document.createElement('li');
oLi.innerHTML=oTxt.value; oTxt.value=''; oUl.appendChild(oLi);
}
};
</script> 为什么代码运行后没有Li出现？

...全文

322 2 打赏收藏转发到动态举报

写回复

用AI写文章

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

5979 2019-03-14

打赏
举报

引用 1 楼麦草CMS 的回复:

{ var oLi=document.createElement('li'); var text=document.createTextNode(oTxt.value);
oLi.appendChild(text); oTxt.value=''; oUl.appendChild(oLi);
}
};

为什么还要一个文本节点，不能直接放在li里吗？

麦草CMS 2019-03-14

打赏
举报

{ var oLi=document.createElement('li'); var text=document.createTextNode(oTxt.value);
oLi.appendChild(text); oTxt.value=''; oUl.appendChild(oLi);
}
};