网站建设开发全包,网站加ico图标,大连企业模板建站,我在学校志愿队做网站的经历一.节点操作1.DOM内容节点操作#xff1a; ①innerHTML属性#xff1a;设置或获取文本的内容#xff08;普通文本和标签#xff09;。 ②innerText属性#xff1a;设置或获取文本的内容#xff08;普通文本#xff09;#xff0c;存在兼容性问题。2.jQuery内容节点…一.节点操作1.DOM内容节点操作 ①innerHTML属性设置或获取文本的内容普通文本和标签。 ②innerText属性设置或获取文本的内容普通文本存在兼容性问题。2.jQuery内容节点属性 ①html([value])方法设置或获取文本内容普通文本和标签。 ②text([value])方法设置或获取文本的内容普通文本不存在兼容性问题。二.jQuery属性操作1.DOM的value属性 value属性设置或获取表单元素表单域和表单按钮的默认值。 2.jQuery的val([value])方法 val([value])方法设置或获取表单元素表单域和表单按钮的默认值。 注DOM中常用属性值来操作而jQuery常用方法来操作。3.DOM属性节点操作和jQuery属性节点操作的区别1DOM属性节点操作 ①把元素节点当做普通js对象来操作属性点语法和中括号法 缺点无法操作class属性 ②使用DOM提供的方法来操作 getAttribute(属性名) setAttribute(属性名属性值) hasAttribute(属性名) removeAttribute(属性名) ③使用className来操作 注采用的是覆盖操作2jQuery属性节点操作 ①采用attr()方法来操作属性 注可以操作固有属性也可以操作自定义属性。 a.获取属性 语法attr(属性名) b.设置单个属性 语法attr(属性名属性值) c.设置多个属性 语法attr({ 属性名1属性值1 属性名2属性值2 ... }); d.删除属性 语法removeAttr(属性名) ②采用prop方法来操作属性 注主要用于操作固有属性操作checked、selected和disabled属性一定要有 prop方法不能用attr方法。 a.获取属性 语法prop(属性名) 作用当属性名为checked、selected时如果选中状态时则返回true则否 返回false当属性名为disabled时当禁用状态时返回true否则返回false b.设置属性 语法prop属性名属性值 作用当属性名为checked、selected时设置的属性值如果为true代表选 中否则代表没选中当属性值为disable时设置的属性值如果为true代表 禁用否则代表取消禁用。 注如果属性值为boolean类型那么可以不用双引号或单引号包裹。 c.删除属性 语法removeProp(属性名) 注使用DOM或jQuery提供的方法来操作表单属性操作完毕之后在标签上面 不会有任何展示使用DOM或jQuery所做的任何操作都是在内存中做的操作。 ③专门为class属性提供的操作方法 a.添加class属性 语法addClass(class属性值) 注jQuery提供添加class的方法做的是追加操作。 b.判断是否存在某个class属性值返回的是Boolean类型值 语法hasClass(class属性值) c.删除class属性 语法removeClass([class属性值]) 注如果没有参数则代表删除所有的class属性值 如果有参数代表删除指定的class属性值 d.切换class属性 语法toggleClass(class属性值); 注如果标签中对应的“class属性值”存在则删除 如果标签中对应的“class属性值”不存在则添加
