怎么用DOM创建a节点

怎么通过JS添加A标签~

需要准备的材料分别有：电脑、html编辑器、浏览器。
1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的标签，输入js代码：$('body').append('添加的a标签');。

3、浏览器运行index.html页面，此时会发现js成功添加了a标签再html上。

可以通过记录变量或为新增的节点添加id、class等标识的方法删除节点。
方法一：
使用变量记录
var newLink = document.createElement('a');document.appendChild(newLink);//将a追加到页面上document.removeChild(newLink);//将a从页面上删除方法二：
为节点添加id
var newLink = document.createElement('a');a.id = 'new-link';document.appendChild(newLink);document.removeChild(document.getElementById('new-link'));注意，如果追加到其他元素中，删除新建节点时需要删除指定元素下的节点

用JQuery选择器能够快捷而轻松地查找到文档中的某个特定的元素节点，然后可以用attr()方法来获取元素的各种属性的值。但真正的DOM操作并非这么简单。在DOM操作中，常常需要动态创建HTML内容，使文档在浏览器里的呈现效果发生变化，并且达到各种各样的人机交互的目的。

HTML DOM结构如下：
<p class="nm_p" title="欢迎访问脚本之家" >欢迎访问脚本之家</p> <ul class="nm_ul"> <li title='PHP编程'>简单易懂的PHP编程</li> <li title='JavaScript编程'>简单易懂的JavaScript编程</li> <li title='JQuery编程'>简单易懂的JQuery编程</li> </ul>
创建元素节点

例如要创建两个<li>元素节点，并且要把它们作为<ul>元素节点的子节点添加到DOM节点树上。完成这个任务需要两个步骤。

1. 创建两个<li>新元素。
2. 将这两个新元素插入文档中。

第1个步骤可以使用jQuery的工厂函数$()来完成，格式如下：

$(html);

$(html)方法会根据传入的HTML标记字符串，创建一个DOM对象，并将这个DOM对象包装成一个jQuery对象后返回。

首先创建两个<li>元素，jQuery代码如下：
var $li_1 = $("<li></li>"); // 创建第一个<li>元素 var $li_2 = $("<li></li>"); // 创建第二个<li>元素
然后将这两个新元素插入文档中，可以使用jQuery中的append()等方法。JQuery代码如下：
var $parent = $(".nm_ul"); // 获取<ul>节点。<li>的父节点 $parent.append($li_1); // 添加到<ul>节点中，使之能在网页中显示 $parent.append($li_2); // 可以采取链式写法：$parent.append($li_1).append($li_2);
动态创建的新元素节点不会被自动添加到文档中，而是需要使用其他方法将其插入文档中。当创建单个元素时，要注意闭合标签和使用标准的XHTML格式。例如创建一个<p>元素，可以用$("<p/>")或者$("<p></p>")，但不要使用$("<p>")或者大写的$("<P/>")。

创建文本节点

已经创建了两个<li>元素节点并把它们插入文档中了。此时需要为创建的元素节点添加文本内容。

JQuery代码如下：
var $li_1 = $("<li>新增节点：数据结构</li>"); // 创建第一个<li>元素 var $li_2 = $("<li>新增节点：设计模式</li>"); // 创建第二个<li>元素 var $parent = $(".nm_ul"); // 获取<ul>节点。<li>的父节点 $parent.append($li_1); // 添加到<ul>节点中，使之能在网页中显示 $parent.append($li_2); // 可以采取链式写法：$parent.append($li_1).append($li_2);
如以上代码所示，创建文本节点就是在创建元素节点时直接把文本内容写出来，然后使用append()等方法将它们添加到文档中就可以了。

无论$(html)中的HTML代码多么复杂，都要使用相同的方式来创建。例如$("<li><em>这是</em><b>一个</b><a href="#">复杂的组合</a></li>");

创建属性节点

创建属性节点与创建文本节点类似，也是直接在创建元素节点时一起创建。JQuery代码如下：
var $li_1 = $("<li title='新增节点：数据结构'>新增节点：数据结构</li>"); // 创建第一个<li>元素 var $li_2 = $("<li title='新增节点：设计模式'>新增节点：设计模式</li>"); // 创建第二个<li>元素 var $parent = $(".nm_ul"); // 获取<ul>节点。<li>的父节点 $parent.append($li_1); // 添加到<ul>节点中，使之能在网页中显示 $parent.append($li_2); // 可以采取链式写法：$parent.append($li_1).append($li_2);
通过浏览器查看源代码工具查看代码，可以看到最后两个<li>元素多了名为“title”的属性节点。由此可以判断，创建的元素的文本节点和属性节点都已经添加到网页中了。由此可见用jQuery来动态创建HTML元素是非常简单、方便和灵活的。

---

尖山区18863174908： 怎么用DOM创建a节点 - ？
井霍天存： 用JQuery选择器能够快捷而轻松地查找到文档中的某个特定的元素节点,然后可以用attr()方法来获取元素的各种属性的值.但真正的DOM操作并非这么简单.在DOM操作中,常常需要动态创建HTML内容,使文档在浏览器里的呈现效果发生...

尖山区18863174908： dom创建一个元素节点的方法是什么？
井霍天存： createElement();

尖山区18863174908： php dom xml在某节点下怎么新建节点 - ？
井霍天存： $dom = new DOMDocument(); $dom -> load('xxx.xml'); $lists = $dom->documentElement; for($i = 1 ;$icreateElement('list',$i); $n = $lists->insertBefore($list,$lists->firstChild); $lists->insertBefore($dom->createTextNode(＂\n＂),$n)...

尖山区18863174908： 如何操作dom获取节点 - ？
井霍天存： JS操作DOM节点操作:添加节点:appendChild():通过把一个节点增加到当前节点的childNodes[]组,给文档树增加节点.复制节点:cloneNode():复制当前节点,或者复制当前节点以及它的所有子孙节点.判断是否拥有该节点:...

尖山区18863174908： 使用Dom4j在指定的节点上添加节点怎么做 - ？
井霍天存： 通过节点的style属性添加 1、定义一个节点 2、获取div节点 var domdiv = document.getElementById('tsdiv');//通过document.getElementById获取dom节点3、添加style div.style.display = 'none';//添加style属性,设置display样式为none

尖山区18863174908： java使用dom方法为节点添加属性 - ？
井霍天存： 在程序中写 seed所对应的对象.addAttribute(＂abc＂,＂1＂); 该方法会在seed中添加一个属性名是abc 值是 1的属性 // 使用addAttribute方法向journal元素添加title和publisher属性 journalElement.addAttribute(＂title＂, ＂XML Zone＂); journalElement.addAttribute(＂publisher＂, ＂Willpower Co＂);

尖山区18863174908： java用dom更新xml的问题,怎么在子节点下添加节点 - ？
井霍天存： 用dom找到子节点,用create方法创建节点,然后把它加到子节点上

尖山区18863174908： 请问你说的用用dom的createElement(创建节点)和appendChild(把节点挂上节点树模型)来做select 和optio - ？
井霍天存： 呵呵,你好!最近没时间所以答晚了点!下面进入正题:ToT很高兴为你解答:我们知道Dom是把62616964757a686964616fe58685e5aeb931333264623864我们的文档表示为一个节点树模型,而我们可以利用他的一些属性和方法修改这棵树...

尖山区18863174908： JS中在IE8下怎么复制一个节点元素,通过dom操作实现插入 - ？
井霍天存： 第一种1 2 3 4 5 6 7function insertEle() { var oTest = document.getElementById(＂box-one＂); var newNode = document.createElement(＂div＂); var reforeNode = document.getElementById(＂p1＂); newNode.innerHTML = ＂ This is a newcon ...

尖山区18863174908： 怎么用js操作dom节点的一些方法 - ？
井霍天存： p1是btn按钮,p2的节点是文本类型的,肯定是不一样的文本节点类型.至于为什么,看看用下所有元素的父节点,然后 .childNodes 比如 把上面的HTML元素全部放入一个ID为parentID的div元素中