JS 动态生成节点_li

最新推荐文章于 2024-11-09 09:45:11 发布

Johnson_llguo

最新推荐文章于 2024-11-09 09:45:11 发布

阅读量253

点赞数

CC 4.0 BY-SA版权

分类专栏： WEB_JS 文章标签： IE JavaScript ViewUI

本文链接：https://blog.youkuaiyun.com/Johnson_llguo/article/details/83709177

WEB_JS 专栏收录该内容

12 篇文章

订阅专栏

本文介绍了一个简单的JavaScript示例，展示了如何使用DOM API创建一个列表项并为其添加点击事件。通过这个例子，可以看到不同浏览器对事件处理的支持情况。例如，所有现代浏览器都支持直接将事件处理函数赋值给元素的onclick属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<script type="text/javascript">

var ul = document.getElementById("ul");

li = document.createElement("li"); 

txt = document.createTextNode("txt");

li.className = 'className';

li.onclick = function() {alert('helo');}

li.appendChild(txt);
		
ul.appendChild(li);

</script>

结论：

li.onclick = function(){alert('hello')} IE，FF 都支持

li.attachEvent("onclick",function(){alert('hello');}); IE支持

li.setAttribute("onclick","alert('hello')"); FF支持