【appendChild的用法】的更多相关文章

appendChild的用法

appendChild的用法 1,先把元素从原有父级上删除 2,再把元素添加到新父级上…

js createElement appendChild createTextNode用法

xml不支持innerHTML 1 <p id="bj">北京</p> <script type="text/javascript"> //创建<div> 节点,添加到<body>节点中 var divElement=document.createElement("div"); divElement.innerHTML="<B>AFASFD</B>&qu…

javascrit原生实现jquery的append()函数

/** * javascrit原生实现jquery的append()函数 * @param parent * @param text */ function append(parent, text) { if (typeof text === 'string') { var temp = document.createElement('div'); temp.innerHTML = text; // 防止元素太多 进行提速 var frag = document.createDocumentFr…

createElement 创建DOM元素

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <script type="text/javascript"> windo…

li排序

html <ul id="ul1"> <li>9</li> <li>2</li> <li>7</li> <li>4</li> <li>11</li> </ul> <input type="button" value="排序" id="btn1" /> 思路:1,将li集合插…

js实现可兼容IE、FF、Chrome、Opera及Safari的音乐播放器

代码如下: /** 音乐播放器 * @param obj 播放器id * @param file 音频文件 mp3: ogg: * @param loop 是否循环 */ function audioplayer(id, file, loop){ var audioplayer = document.getElementById(id); if(audioplayer!=null){ document.body.removeChild(audioplayer); } if(typeof(file…

JavaScript DOM基础总结

上个月在进行百度三面时候,面试官提问JavaScript DOM方法,我回答的有点少,前面太关注JavaScript 兼容性,框架方面,JavaScript 原生DOM基础没有记牢,心中有点遗憾.下来继续看我喜欢的红宝书,希望深入学习JavaScript DOM. DOM(文档对象模型)是针对HTML和XML文档的一个API,描绘了一个层次化的节点树,允许开发人员添加.删除和修改页面的某一部分. 1.Node方面 1.1 节点类型 节点类型(nodeName) 数值常量(nodeValue) 元…

JavaScript初探系列（八）——DOM

DOM(文档对象模型)是针对HTML和XML文档的一个API,描绘了一个层次化的节点树,允许开发人员添加.删除和修改页面的某一部分. HTML DOM 树形结构如下: 一.Node方面 (一).节点类型 节点类型(nodeName) 数值常量(nodeValue) 元素节点 1 属性节点 2 文本节点 3 注释节点 8 文档节点 9 文档碎片节点 11 确定节点类型,兼容的方法是将nodeType属性与数字值进行比较,如下所示: ){ alert("Node is an element"…

js DOM之基础详解

DOM(文档对象模型)是针对HTML和XML文档的一个API,描绘了一个层次化的节点树,允许开发人员添加.删除和修改页面的某一部分. HTML DOM 树形结构如下: 1.Node方面 1.1 节点类型 节点类型(nodeName) 数值常量(nodeValue) 元素节点 1 属性节点 2 文本节点 3 注释节点 8 文档节点 9 文档碎片节点 11 确定节点类型,兼容的方法是将nodeType属性与数字值进行比较,如下所示: if(someNode.nodeType==1){ alert("…

js怎么动态加载js文件（JavaScript性能优化篇）

下面介绍一种JS代码优化的一个小技巧,通过动态加载引入js外部文件来提高网页加载速度 [基本优化] 将所有需要的<script>标签都放在</body>之前,确保脚本执行之前完成页面渲染而不会造成页面堵塞问题,这个大家都懂的.   [合并JS代码,尽可能少的使用script标签] 最常见的方式就是带代码写入一个js文件中,让页面只使用一次<script></script>标签来引入   [无堵塞加载JS] 通过给script标签增加 defer属性或者是 a…