gpt4 book ai didi

javascript - 获取列表项的文本内容

转载 作者:行者123 更新时间:2023-12-03 07:50:50 26 4
gpt4 key购买 nike

我的 html 页面中有两个列表项。我想访问“第一个无序列表”中存在的“第一个列表项”的“文本内容”。我需要使用 javascript 而不是 jquery 来执行此操作。这是我尝试过的,但似乎不起作用。

<html>
<head>
<title>dom</title>
<script type="text/javascript">
function createcontent(){
var val = document.getElementsByTagName("ul")[0].childNodes[0].nodeValue;
document.getElementById("content").innerHTML = val;
}

</script>
</head>

<body onload="createcontent();">
<ul>
<li>Milk</li>
<li>cured</li>
<li>eggs</li>
</ul>

<ul>
<li>cabbage</li>
<li>califlower</li>
<li>apple</li>
</ul>

<p id="content"></p>
</body>

</html>

最佳答案

<html>
<head>
<title>dom</title>
<script type="text/javascript">
function createcontent(){
var val = document.getElementsByTagName("ul")[0].children[0].innerText;
alert(val);
document.getElementById("content").innerHTML = val;
}

</script>
</head>

<body onload="createcontent();">
<ul>
<li>Milk</li>
<li>cured</li>
<li>eggs</li>
</ul>

<ul>
<li>cabbage</li>
<li>califlower</li>
<li>apple</li>
</ul>

<p id="content"></p>
</body>

</html>

关于javascript - 获取列表项的文本内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34996657/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com