今天在调试一个DOM操作的时候，发现在IE下，通过JS动态的往p标签中添加li子节点时将出错（不是有意添加，是调一个函数的时候发现了）。如果把p标签改为span，div等都不是问题。哪位能否解释一下原因？
<html>
<head>
<title>p标签中，js设置li子元素出错</title>
</head>
<body>
<p id="pTag"></p>
<script language="javascript">
var p = document.getElementById('pTag');
p.innerHTML = '<li></li>';//此行在IE下将出错
</script>
</body>
</html>
答案已经找到，感谢milo提供线索，原因如下：
http://www.cnblogs.com/orc/archive/2008/06/18/1224322.html
分享到：
相关推荐
本文实例为大家分享了js使用ul中li标签实现删除效果的具体代码，供大家参考，具体内容如下 <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"&...
JavaScript动态添加Li元素是前端开发中常见的一项技术，可以将新的列表项（li元素）动态添加到现有的HTML文档中。在给定的文件内容中，包含了两种主要的技术实现：使用innerHTML和使用createElement。下面将对这两种...
在JavaScript编程中，使用键盘箭头来控制选中标签元素是一项常见的交互设计，尤其是在网页应用中。这个小demo展示了如何通过监听键盘事件并处理箭头键的按下，以实现元素的选择切换。以下将详细讲解这一功能的实现...
3. **JavaScript与li标签交互**：利用JavaScript，我们可以监听li元素的事件，如`click`事件，当用户点击li元素时，执行相应的JavaScript函数，比如显示或隐藏弹出框。此外，还可以通过JavaScript动态改变li元素的...
在 XHTML 1.0 Strict DTD 中，li 元素的 "type" 和 "value" 属性是不被支持的。 属性 ----- li 标签支持以下属性： * type：规定使用哪种项目符号。可以取值为 "A"、"a"、"I"、"i"、"1"、"disc"、"square"、...
另一种方法是利用CSS的`background`属性，将图标作为背景图片设置到`<li>`元素上。这种方式提供了更多的灵活性，可以调整图标的位置、大小等。例如： ```html .with-icon { background-image: url('icon.png'...
在`jsp`页面中，我们经常会遇到需要实现元素动态效果的需求，例如`ul`（无序列表）下的`li`（列表项）标签进行循环滚动。这种效果可以增强用户界面的交互性和吸引力，常见于新闻滚动、公告栏或者菜单导航等场景。 ...
这种方法简单直接，但是存在一个问题：当点击事件触发时，`this` 指向的是触发事件的元素，而每个 `li` 元素的 `index` 属性是在循环过程中设置的。因此，如果循环结束后再去修改 `li` 元素的数量，那么之后再点击...
可以使用 `$("#id")` 或 `$(".class")` 来选择具有特定ID或类名的元素，然后使用`.html()`或`.children()`获取子元素（这里是`<li>`标签）。 假设我们有两个`<ul>`元素，分别带有`id` "list1" 和 "list2"： ```html...
在JavaScript编程领域中，"LI更换背景更换显示区域内容JS效果"是一个常见的需求，尤其在构建动态用户界面时。这个主题涉及到DOM操作、事件监听、CSS样式修改等多个方面。下面我们将详细探讨这些知识点。 首先，`LI`...
本例中，我们有一个使用和<li>标签来构建的列表结构，其中每个<li>元素都包含了两个子，分别代表左边和右边的内容。右边中可能包含多个元素，宽度不固定，而左边的内容需要根据右边内容的宽度动态调整其外边距。 ...
可以设置<li>的内容上下滚动，很好的东西哦
例如，可以将初始状态的`<li>`元素设置为`display: none`，然后通过JavaScript改变其状态以显示下拉列表。 JavaScript在此处的作用是添加交互性。我们可以使用事件监听器，如`click`或`mouseover`，来响应用户的...
在网页开发中，动态地删除列表项（li标签）是一个常见的需求。这通常可以通过JavaScript来实现。本文将详细介绍如何使用JavaScript原生代码来实现这一功能，同时确保页面在手机上也能清晰地显示。 首先，我们通过...
本篇文章主要探讨了几种原生JS实现列表子元素顺序反转的方法，并分析了它们的性能差异。 1. **DOM操作方法** 这是最直观的方法，通过获取列表元素并逐个将其移动到末尾来实现反转。代码如下： ```javascript var...
这通常包括一个`<ul>`元素，其中包含多个`<li>`元素，每个`<li>`元素代表一个标签： ```html <li>标签1</li> <li>标签2</li> ... ``` ### 2. CSS样式 接着，我们为标签云应用基本的CSS样式，以设置字体大小...
这就是“UL+LI模拟selcet标签”方法的用途。这种方法利用了HTML的无序列表`<ul>`和列表项`<li>`元素，通过CSS样式和JavaScript交互来创建一个可选的下拉菜单，使其既具有功能又具有视觉吸引力。 首先，让我们深入...
然后，你可以遍历标签数组，并为每个标签创建一个新的`<li>`元素，设置其文本为标签文本，并将其添加到`<ul>`中。 3. **计算权重**：根据每个标签的权重，确定它的字体大小。可以使用线性比例或者对数比例，使得高...
在JavaScript和jQuery中，获取`<ul>`中的`<li>`标签是常见的需求，这在构建动态网页和交互式用户界面时尤其重要。以下是一些关于如何实现这一目标的方法： ### JavaScript 获取`<ul>`中`<li>`的实现 在JavaScript...
JavaScript提供了多种方法来选取页面中的元素，其中`getElementsByTagName`是一种常用的获取指定标签名元素的方法。在给定的示例中，通过`document.getElementsByTagName("li")`获取了所有li节点并将它们存入一个...