JavaScript()-CSDN博客

本文链接：https://blog.csdn.net/weixin_43312392/article/details/84874718

页面效果：
在这里插入图片描述

<ul id="ul">
<li>aaa</li><li>bbb</li>
<ul><li>ccc</li></ul>
</ul>
<ul>
<li>ddd</li><li>eee</li>
</ul>
<script>
var lis=document.getElementById("ul");
lis=lis.getElementsByTagName("li");
for(var i=0;i<lis.length;i++){
document.write(lis[i].innerText+"<br/>");
}
</script>

例二：(输出只含li标签的内容)
在这里插入图片描述

<ul id="ul">
<li>aaa</li><li>bbb</li>
<ul><li>ccc</li></ul>
</ul>
<ul>
<li>ddd</li><li>eee</li>
</ul>
<script>
var lis=document.getElementById("ul");
lis=lis.childern;
for(var i=0;i<lis.length;i++){
if(lis[i].tagName=="LI"){
document.write(lis[i].innerText+"<br/>");
}
}
</script>

例三：
在这里插入图片描述

<ul id="ul">
<li>aaa</li><li>bbb</li>
<ul><li>ccc</li></ul>
</ul>
<ul>
<li>ddd</li><li>eee</li>
</ul>
<script>
var lis=document.getElementById("ul");
document.writeln(lis.innerHTML);
document.writeln(lis.innerText);
</script>

例四：
在这里插入图片描述

<ul id="ul">
<li>aaa</li><li>bbb</li>
<ul><li>ccc</li></ul>
</ul>
<button>change</button>
<script>
document.getElementsByTagName("button")[0].onclick=function(){
var ul=document.getElementById("ul");
ul.children[0].innerText="ddddd";
ul.children[1].innerHTML="<a href='http://www.baidu.com'><span color='red'>连接</span></a>"
};
</script>

例五:

<a href="http://www.baidu.com">百度</a>
<button>change</button>
<script>
document.getElementsByTagName("button")[0].onclick=function(){
var mya=document.getElementsByTagName("a")[0];
if(mya.innerText=="百度"){
mya.innerText="新浪";
mya.setAttribute("href","http://www.sina.com");
}else{
mya.innerText="百度";
mya.setAttribute("href","http://www.baidu.com");
}
};
</script>