<html>
<head>
<title>createElement() Example</title>
<script type="text/javascript">
function createMessage() {
var aa = document.getElementById('ulMenu');
var oP = document.createElement("li");
oP.id="four"
oP.setAttribute('class','codeDemomouseOnMenu');
//在火狐下支持，IE下不支持
//oP.setAttribute('onclick',"changeDiv('userTable');this.className='codeDemomouseOnMenu'");
//oP.setAttribute('ondblclick',"changeDiv('userTable');this.className='codeDemomouseOnMenu'");
var oText = document.createTextNode("全部用户明细");
oP.appendChild(oText);
aa.appendChild(oP);
oP.onclick = function() {
changeDiv(divid,liid);
this.className=classNm;
}
oP.ondblclick = function() {
changeDiv(divid,liid);
this.className=classNm;
}
}
function removeMessage() {
var aa = document.getElementById('ulMenu');
var oP = document.getElementById('four');
aa.removeChild(oP);
}
</script>
</head>
<body>
<ul class="codeDemoUL" id="ulMenu">
<li id="one" class="codeDemomouseOnMenu" onclick="changeDiv('treeTable');this.className='codeDemomouseOnMenu'" ondblclick="changeDiv('treeTable');this.className='codeDemomouseOnMenu'" >部门明细</li>
<li id="two" class="codeDemomouseOutMenu" onclick="changeDiv('listTable');this.className='codeDemomouseOnMenu'" ondblclick="changeDiv('listTable');this.className='codeDemomouseOnMenu'" >用户明细</li>
<li id="three" class="codeDemomouseOutMenu" onclick="changeDiv('spanTable');this.className='codeDemomouseOnMenu'" ondblclick="changeDiv('spanTable');this.className='codeDemomouseOnMenu'" > 任务明细</li>
</ul>
<a href="#" onclick="createMessage()">aaaaaa</a>
<a href="#" onclick="removeMessage()">bbbbbb</a>
</body>
</html>
分享到：
相关推荐
有时我们可能需要根据特定条件或索引从数组中删除元素。本篇文章将详细介绍几种在JavaScript中删除数组元素的方法，帮助开发者更好地理解和应用这些技巧。 1. **pop() 方法** `pop()` 方法用于删除并返回数组的...
总结来看，在JavaScript中创建和删除元素涉及到了DOM操作，这包括但不限于innerHTML、createElement、appendChild、removeChild等方法的使用。它们为网页动态内容的实现提供了可能。在实际开发中，需要根据具体的...
### JavaScript 动态创建及删除元素的方法 #### 概述 JavaScript 作为一种强大的客户端脚本语言，被广泛应用于网页开发中。它能够实现对页面的动态控制，包括但不限于元素的创建、修改和删除等操作。这些操作主要...
如果`deleteCount`为0，则不会删除元素，而是可以插入新的元素。 在我们的情况中，我们使用`splice(index, 1)`，意味着从`index`开始删除一个元素。这里的`index`正是`indexOf`方法返回的值。这个操作会直接修改原...
除了创建和添加新元素之外，JavaScript还提供了删除元素的能力。使用`removeChild`方法可以从DOM树中删除指定的子节点。例如，在`function test2`中，通过`document.getElementById("div1").removeChild(document....
使用DOM对象删除元素时，首先需要找到要删除元素的父元素，然后调用`removeChild()`方法。假设我们有一个ID为`div2js`的`<div>`元素，删除它的代码如下： ```javascript var el = document.getElementById('div2js'...
本文将详细讲解如何使用jQuery来添加和删除元素，这在Web开发中是极为常见的需求。 首先，让我们理解jQuery的核心概念。jQuery通过选择器（Selectors）找到页面中的元素，然后对这些元素执行各种操作。比如，我们...
根据给定的文件信息，我们可以总结出一系列关于使用JavaScript（简称JS）操作HTML中的`<table>`元素，尤其是对表格的行（`<tr>`）和列（`<td>`或`<th>`）进行增删操作的关键知识点。以下是对这些功能的详细解释： #...
本教程将详细探讨如何在JavaScript中删除数组中的指定元素。 首先，我们有两种主要的方法来实现这个功能：`filter()`方法和`splice()`方法。这两种方法各有特点，适用于不同的场景。 1. **使用`filter()`方法**： ...
1. 创建新元素：首先，我们需要使用JavaScript创建新的HTML元素。例如，如果要添加一个文本输入框，可以使用`document.createElement('input')`来创建一个`<input>`标签。接着，可以通过`element.type = 'text'`设置...
在JavaScript中，我们可以使用`document.createElement()`创建新的HTML元素，`appendChild()`或`insertBefore()`来插入元素，以及`removeChild()`来删除元素。 以下是一个简单的例子，展示如何使用JavaScript添加和...
总的来说，尽管JavaScript的字符串是不可变的，但我们可以通过各种方式模拟添加和删除元素。理解和熟练运用这些方法对于JavaScript开发者来说至关重要。通过本文介绍的方法，你应该能更好地处理字符串的增删操作了。
- `item1, ..., itemX`（可选）：要在被删除元素的位置插入的新元素。 例如，如果我们要删除数组`myArray`中值为`elementToRemove`的元素，可以这样做： ```javascript var myArray = [1, 2, 3, 4, 5]; var ...
在JavaScript中，原生提供的`splice()`方法是一种常用的方式，它通过指定的索引位置来删除元素。然而，在某些情况下，使用`splice()`方法可能会得到不符合预期的结果，比如在原数组上直接修改，返回被删除的元素，而...
在JavaScript中，可以使用DOM操作来动态创建这些元素。以下是一些关键步骤： 1. **创建表格元素**： ```javascript var table = document.createElement('table'); ``` 2. **创建表格行和单元格**： ```...
使用 JavaScript 可以动态创建行和删除行。首先，创建一个 table 元素，然后创建多个 tr 元素，每个 tr 元素中创建多个 td 元素，并将其添加到 table 元素中。当点击添加按钮时，创建一个新的 tr 元素，并将其添加到...