Question

我的html页面中有两个列表项。我想访问＆＃34;文本内容＆＃34; ＆＃34;第一个列表项＆＃34;出现在＆＃34;第一个无序列表＆＃34;。我需要用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>

Answer 1

<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>

获取列表项

1 个答案: