`

DOM访问元素 创建节点 innerHTML

 
阅读更多

DOM访问元素
document.getElementsByTageName(tagname)相关属性和方法
var obj = document.getElementsByTageName(tagname);
obj.length();//数组长度
obj[0].tagName;//标签名
obj[0].nodeValue;//标签值
obj[0].hasChildNodes()//是否有子结点
obj[0].childNodes[0].value

document.getElementById("id");


DOM创建新节点:
var obj = document.createElement("p");//新建<p>节点
var obj2 = document.createTextNode("text content");//创建一个文本节点
obj.appendChild(obj2);//将obj2节点赋予obj节点
document.body.appendChild(obj);//将obj节点赋予body节点


innerHTML:表示标签之间的所有内容,可以读可以写
document.getElementById("id").innerHTML();

分享到:
评论

相关推荐

    HTML DOM简介.rar

    目录如下: 1. DOM可以做什么?...5. 访问DOM节点3——通过节点关系 6. DOM节点信息 7. DOM信息nodeType的应用 8. 修改DOM——innerHTML 9. 删除DOM节点——removeChild 10. 添加DOM节点 11. DOM简介总结

    become:将目标 DOM 元素转换为传入的 HTML

    变得 将目标 DOM 元素转换为传入的 HTML。 用于在页面上伪造实时更新。 该模块的工作方式与设置innerHTML非常相似,但只会更新实际更改的节点。应用程序接口 var become = require ( 'become' )成为( original ,新...

    HTML5 元素通用DOM接口

    HTML5 元素通用DOM接口 interface HTMLElement : Element { // DOM tree accessors NodeList getElementsByClassName(in DOMString classNames); // dynamic markup insertion attribute DOMString innerHTML; ...

    innerHTML的简单应用

    innerHTML的简单应用

    using自动使用JSX构建DOM元素-JavaScript开发

    使用JSX构建常规DOM元素使用dom-chef,您可以使用Babel或TypeScript将JSX转换为普通的旧DOM元素,而无需使用不安全的innerHTML或笨拙的document.createElement调用。 它支持使用JSX构建常规DOM元素借助dom-chef,您...

    phase-0-the-dom-modifying-elements-lab

    创建和插入DOM节点实验学习目标以编程方式创建DOM元素向DOM添加元素使用innerHTML更新元素更改DOM节点上的属性从DOM中删除元素介绍现在您已经了解了DOM和用于选择正确元素的强大工具,现在该学习如何:创建新节点,...

    CHtmlView访问文件内部资源与innerHTML

    CHtmlView访问文件内部资源与innerHTML演示代码例子...... 1、访问文件内部资源 void CInerHTMLView::OnRes() { // TODO: Add your command handler code here //--资源访问 CString s; s.Format("res://%s....

    innerHTML的使用

    innerHTML的使用document.getElementById("id").innerHTML = "contenttext";

    global-jsdom:在Node.js中启用DOM

    全局jsdom 在Node.js中启用DOM global-jsdom将document , window和其他DOM API注入到您的Node.js环境中。 这使您可以在Node.js中运行浏览器测试。 在global设置的特定属性直接来自您已安装的jsdom版本。安装要求&gt; =...

    fewpjs-removing-altering-and-inserting-html-lab-online-web-sp-000

    以编程方式创建DOM元素 在DOM中添加元素 使用innerHTML更新元素 更改DOM节点上的属性 从DOM中删除元素 介绍 在本实验中,您将插入,更改和删除DOM节点。 您将执行以下操作: 要求DOM在呈现的页面中找到一个HTML元素...

    fewpjs-removing-altering-and-inserting-html-lab-onl01-seng-ft-041320

    创建和插入DOM节点学习目标以编程方式创建DOM元素在DOM中添加元素使用innerHTML更新元素更改DOM节点上的属性从DOM中删除元素介绍在本实验中,您将插入,更改和删除DOM节点。 您将执行以下操作: 要求DOM在呈现的页面...

    fewpjs-removing-altering-and-inserting-html-lab-v-000

    以编程方式创建DOM元素 在DOM中添加元素 使用innerHTML更新元素 更改DOM节点上的属性 从DOM中删除元素 介绍 在本实验中,您将插入,更改和删除DOM节点。 您将执行以下操作: 要求DOM在呈现的页面中找到一个HTML元素...

    DOMElementHistory:给定DOM元素的Javascript向前和向后功能。 类似于浏览器历史记录,但适用于特定元素

    功能:初始化特定DOM元素的historyArray,并将当前的innerHTML保存为初始状态。 saveState() : 参数:无 功能:将当前的DOM元素innerHTML状态保存在historyArray中 goBack() : 参数:无 功能:在...

    如何提高Dom访问速度

    对于大多数浏览器来说innerHTML操作比Dom操作速度要快,最新的浏览器则相反,但对于大多数日常操作来说具体差异并不大,另外,如果需要新创建的html片段中的脚本能够执行则需要使用Dom操作。 不建议用数组的 length ...

    js DOM编程

    javascript DOM编程之13. 尚硅谷_佟刚_JavaScript DOM编程_innerHTML属性

    通过 Dom 方法提高 innerHTML 性能

     document.getElementById... /*@cc_on // 原始的 innerHTML 在 IE 中的性能好一点 oldEl[removed] = html; return oldEl; @*/ var newEl = oldEl.cloneNode(false); newEl[removed] = html; oldEl.pare

    JsDom 编程小结

    几乎所有DOM元素都有innerText、innerHTML属性(注意大小写),分别是元素标签内内容的文本表示形式和HTML源代码,这两个属性是可读可写的。 动态创建元素的时候innerHTML可以代替createElement(),属于简单,粗放型...

    js动态创建Table

    利用纯javascript来实现的动态表格!!!超级实用知识点大概包括,jq、基本dom的获取、创建节点、innerHTML添加内容、js给标签创建属性、动态在表格中添加按钮。

    domhide.js:隐藏和显示 DOM 节点的小型快速实用程序

    Tag 的 innerHTML 属性作为注释节点插入回 DOM。 为了扭转这一点,为了揭示标签的内部结构,评论节点值作为 HTML 插入回,评论节点本身被删除。 为了在隐藏期间保留尺寸(如果标签的尺寸是可变的并且取决于内部...

    dom-chef:using自动使用JSX构建DOM元素

    使用JSX构建常规DOM元素使用dom-chef ,您可以使用Babel或TypeScript将转换为简单的旧DOM元素,而无需使用不安全的innerHTML或笨拙的document.createElement调用。 它支持您对JSX的所有期望,包括:如果某些东西不被...

Global site tag (gtag.js) - Google Analytics