注:此内容摘抄自:梁灏的《Vue.js实战》 注:记得要引入vue.js才能运行哦,文章中贴出的代码直接复制是不行的,html css js 都放在了一起,而且也没有引用vue.js。 DOM元素经常会动态的绑定一些class类名或style样式。 1.了解v-bind指令 它的主要用法是动态更新H ...
分类:
Web程序 时间:
2017-12-22 18:33:26
阅读次数:
275
一,本例主要包括的使用getElementById 返回对拥有指定id的第一个对象引用,createElement 创建一个属性节点,getElementsByTagName 返回带有指定标签名的集合对象和onmouseover 用户在一个HTML元素上移动鼠标,onmouseout 用户从一个HT ...
分类:
Web程序 时间:
2017-12-15 23:34:04
阅读次数:
270
DOM(document object model)对象把 HTML 文档呈现为带有元素、属性和文本的树结构(节点树),定义了访问和操作HTML文档的标准方法。 一、查找标签 1、直接查找标签 总共有如下四种直接查找的方式: 上述四种查找中,因为id的唯一性,得到结果就是对应标签对象。但是对于其他三 ...
分类:
编程语言 时间:
2017-11-10 21:54:10
阅读次数:
228
JS-DOM Element方法和属性 S-DOM Element方法和属性一,获取html元素1.getElementByID(id)通过对元素的ID访问,这是DOM一个基础的访问页面元素的方法.example:<div id="divid">测试</div><script language="j ...
分类:
Web程序 时间:
2017-11-09 22:34:42
阅读次数:
221
JS DOM--- 两个步骤: 1 查找标签 (1)直接查找 document.getElementById(“idname”) // dom对象 document.getElementsByTagName(“tagname”) // dom对象的集合 [dom1,dom2,..] document... ...
分类:
Web程序 时间:
2017-10-27 13:42:51
阅读次数:
228
一、定义 HTML Document Object Model(文档对象模型) HTML DOM 定义了访问和操作HTML文档的标准方法 HTML DOM 把 HTML 文档呈现为带有元素、属性和文本的树结构(节点树) 二、DOM树 画dom树是为了展示文档中各个对象之间的关系,用于对象的导航。 三 ...
分类:
Web程序 时间:
2017-10-20 13:42:01
阅读次数:
136
四象阵法: 增加 删除 改变 查找 【为了便于记忆,减少占用大脑内存,我命名为JS心法为:道阵法,两仪阵法,三才阵法,四象阵法,五行阵法,只需记住阵法的关键字,即可搜索大脑中相应的内容,学会JS五大阵法即可学会JS】 DOM操作增删该查 (Document文档 Object对象 Model模型) 增 ...
分类:
Web程序 时间:
2017-10-15 19:34:38
阅读次数:
164
一、DOM节点 1.获取子节点: childNodes nodeType 节点类型 children 只包括元素,不包括文本; 子节点只算第一层。只算孩子一级。 <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>无标题文档</ti ...
分类:
Web程序 时间:
2017-10-15 14:59:17
阅读次数:
177
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Insert title here</title><script type="text/javascript"> function f1() { //创建新的li(空的) var li=d ...
分类:
Web程序 时间:
2017-10-08 11:19:50
阅读次数:
190