HTML代码: <div id="box"> <p>哈哈,随便写点内容</p> <p>删除的实例</p> <p>蛮试试看</p> </div> <button id="btn">点击</button> CSS: #box { border: 1px solid #ccc; background: #fefefe; width: 400px; hei…

  迁移时间--2017年10月31日14:52:59 Author:Marydon UpdateTime--2017年1月15日20:33:03innerHTML,outerHTML与innerText示例: <div id="test"> 测试<br/> <input type="text"/> <input type="button"/> <div>innerHTML与outerH…

value value:value是表单元素特有的属性,输入输出的是字符串 如下面的例子,获取到的是他们的value值 <input type="text" id="inP"> <div id="P"> <p> 5566555 </p> </div> <button id="btn" value="123">确定</button&…

01.自定义属性 1.自定义属性: 作用:保存数据 通用的自定义属性的前缀 data-属性="属性值" 注:自定义的属性不能通过 元素.属性 取属性值 ,需使用getAttribute(); 2.自定义属性的获取 元素.getAttribute('data-url'); 3.设置 节点.setAttribute('属性名称','修改后的属性值'): (修改后的属性值是一个变量的时候,不加引号) 4.删除 元素.removeAttribute('data-url'); 简单测试:<…

在需要给文档插入大量的新的HTML标记的情况下,通过多次DOM操作先创建节点再指定它们之间的关系会非常麻烦而且效率不高,相对而言插入标记的方法会更加简单,速度也更快. 插入标记中有这四个属性innerHtml,outerHTML,innerText,outerText. 这四个属性都有获取状态和设置状态. 我们先来看一小段代码 <div><p>我是div的子元素</p></div> *在这里我们要先获取这个div,我用divnode代替.在chrome浏览器…

innerHTML v.s. outerHTML Element.innerHTML Reference: https://developer.mozilla.org/en-US/docs/Web/API/Element/innerHTML Functionality Get serialized HTML code describing its descendants. Set : Remove all the children, parse the content string and as…

今天看了很多文章关于innerHTML.outerHTML.innerText.outerText的区别,都是很模糊的一个介绍,所以自己总结下这些区别以及一些重点内容.很多文章在描述这些区别的时候,都是只针对一点进行描述,所以很难完全理解这些的字面含义以及区别点. 一.区别描述如下:(书上形式的说法) innerHTML设置或获取位于对象起始和结束标签内的 HTML outerHTML设置或获取对象及其内容的 HTML 形式 innerText  设置或获取位于对象起始和结束标签内的文本 out…

获取宽高参考: 方法: 网页可见区域宽: document.body.clientWidth网页可见区域高: document.body.clientHeight网页可见区域宽: document.body.offsetWidth (包括边线的宽)网页可见区域高: document.body.offsetHeight (包括边线的高)网页正文全文宽: document.body.scrollWidth网页正文全文高: document.body.scrollHeight网页被卷去的高: docu…

细节1……………………………………………………………………………… 一.当文字与图片在一行,需要将文字与图片底对齐,可以这样写: <div>记住密码<img src="images/i.gif" align="bottom" /></div> 或 <div>记住密码<img src="images/i.gif" style="margin-bottom:-4px" />…

答案和解析在问题下一行,为白色字体 单选题 1.以下哪条语句会产生运行错误:(a) A.var obj = ();//语法错误 B.var obj = [];//创建数组 C.var obj = {};//创建对象 D.var obj = //; 原因:var obj = new Array ();是对的:JavaScript 中大括号表示创建对象.var obj = { id:1, name:"jacky" };alert(obj.name);上例表示创建一个具有属性 id (值为…