js getAttribute和setAttribute

2026-08-29

JS之setAttribute和getAttribute

1.ele.getAttribute(attributeName); 返回元素的指定属性值,如果元素没有该属性,则返回null 2.ele.setAttribute(attributeName,value); 为元素指定属性设置值,如果没有该属性,则创建该属性,并赋值 3.在IE 7以及更早版本部分属性的设置应使用另外的名称,为了兼容IE <script> dom=(function(){ var fixAttr={ tabindex:'tabIndex', readonly:'readOnl

getAttribute与setAttribute用法

getAttribute和setAttribute只能用于元素节点. 1.当用getElementById获得元素节点时 /*---------------------------index.html---------------------------*/ <!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=ut

关于getAttribute()和setAttribute()的总结

继续声明:欲练其功,必先自宫.博主正处在自宫阶段,修炼得道者多多指教. 最近在看<JavaScript DOM 编程艺术>这本书,看到了getAttribute()和setAttribute()就想把自己的收获写下来.以及书中出现的疑点. getAttribute是一个函数.它只能通过元素节点对象调用.也就是说用获取到的元素来调用. 语法:object.getAttribute(attribute); 下面看一个最简单的例子: p标签测试内容,通过getElementById()来获取该元素之

请求转发、包含、重定向 getAttribute 和 setAttribute POST和GET编码

一.请求转发请求包含请求重定向 Demo5.java 注意:doPost()方法中别忘写doGet(request, response); public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { request.setCharacterEncoding("UTF-8"); response.setCo

Javascript进阶篇——(DOM—getAttribute()、setAttribute()方法)—笔记整理

getAttribute()方法通过元素节点的属性名称获取属性的值.语法: elementNode.getAttribute(name) 1. elementNode:使用getElementById().getElementsByTagName()等方法,获取到的元素节点.2. name:要想查询的元素节点的属性名字获取h1标签的属性值: 运行结果:h1标签的ID :alinkh1标签的title :getAttribute()获取标签的属值例-使用getAttribute()方法,获取L

getAttribute、setAttribute、removeAttribute

1.函数语法 elementNode.attributes:属性返回包含被选节点属性的 NamedNodeMap. elementNode.getAttribute(name):方法通过名称获取属性的值. elementNode.setAttribute(name, value):方法创建或改变某个新属性. elementNode.removeAttribute(name):方法通过名称删除属性的值. 2.实例 HTML代码: <input type="text" id=&quo

js getAttribute getAttributeNode

getAttribute():返回属性值,是一个文本字符串 getAttributeNode("属性名"):返回属性节点,是一个对象 <p id="bj">北京</p> <script type="text/javascript"> //取得 id属性的值 var pElement=document.getElementById("bj"); var idAttributeValue=pEl

MVVM架构~knockoutjs系列之从Knockout.Validation.js源码中学习它的用法

返回目录说在前有时,我们在使用一个插件时,在网上即找不到它的相关API,这时,我们会很抓狂的,与其抓狂,还不如踏下心来,分析一下它的源码,事实上,对于JS这种开发语言来说,它开发的插件的使用方法都在它的源码里,只要你踏下心去看,一切就都有了! Knockout.Validation.js是为Knockout插件服务的,它可以为Knockout对象进行验证,就像你使用MVC模型验证一样,而这种绑定的验证方式对于开发人员来说是很容易接受的,也是一种趋势,它在验证过程中,会将出现异常的点记录下来,

Js杂谈-DOM

前言对jQuery的依赖.导致js的原生方法的淡忘,如果是封装自己的库,那势必要用到js的许多原生方法.从Jquery强大的dom处理开始,我们开始回顾javascript那些古老而坚挺的DOM方法.先从0级DOM入手. 1 节点类型 nodeType name 1 element_node 2 attribute_node 3 text_node 4 cdata_section_node 5 entity_reference_node 6 entity_node 7 processing_i

用原生JS读写CSS样式的方法总结

为了日后方便查询,本人翻阅了一些资料总结了以下方法,仅限原生JS,如有不对的地方欢迎指出!只求大家看完觉得有学到点什么就OK了! 一.可以通过DOM节点对象的style对象(即CSSStyleDeclaration对象)来读写文档元素的CSS样式如:var elm = document.getElementById('test'); elm.style.color = 'black'; 二.通过Element对象的g

js之dom_1

DOM ie中有dom对象都是com对象的形式实现的操作dom时,要注意返回的节点列表.属性列表都是动态的,会随着操作的改变而实时改变 document.getElementById在ie8-不区分大小写并且会表单元素name与查询id相同会被找到 cloneNode方法如果参数true则连同子节点一起复制 DocumentFragment对象可以用来存放需要操作的html片段,以提高性能 Element类型 nodeType=1,nodeValue=nul

JS 操作Dom节点之CURD

许多优秀的Javascript库,已经封装好了丰富的Dom操作函数,这可以加快项目开发效率.但是对于非常注重网页性能的项目来说,使用Dom的原生操作方法还是必要的. 1. 查找节点 document.getElementById() //兼容问提:IE低版本不仅检查Id属性,还会检查Name属性,当Name属性匹配参数时也会返回该元素 //解决方法:不要让一个元素name属性和另一个元素的id属性相同 document.getElementsByTagName() document.getEle

getAttribute()获取属性

Js:getAttribute[转] 一份文档就是一棵节点树. ●节点分为不同的类型:元素节点.属性节点和文本节点等. ●getElementById()方法将返回一个对象,该对象对应着文档里的一个特定的元素节点. ●getElementsByTagName()方法将返回一个对象数组,它们分别对应着文档里的一个特定的元素节点. ●这些节点中的每个都是一个对象. 接下来,我们将向大家介绍几个与这些对象相关联的属性和方法. 3.4.1 getAttribute()方法至此,我们已经向大家介绍了两种

JS（原生js和jq方式）获取元素属性（自定义属性），删除属性（自定义属性）

JS(原生js和jq方式)获取元素属性(自定义属性),删除属性(自定义属性) 以下内容: 一.获取元素的属性二.设置元素的属性三.删除元素的属性一.获取元素的属性 1-原生JS 获取属性 .getAttribute("属性") 2-jquery 获取属性 .attr("属性") 示例代码 /*jq获取属性*/ var temp = $('.test1').attr('class'); /*js获取属性*/ var temp = document.getElem

js便签笔记（1）——说说HTMLCollection、NodeList以及NamedNodeMap

介绍在js的dom操作中,除了常用的document.html**Element之外,还有三个集合对象,即HTMLCollection.NodeList以及NamedNodeMap.试看以下操作: var divs = document.getElementsByTagName("div"); alert(divs instanceof HTMLCollection); //true (chrome中返回false,divs是NodeList对象) var div = documen

【js常用DOM方法】

介绍几个js DOM的常用方法获取元素节点 getElementById getElementsByTagName getElementsByClassName 先写一个简单的网页做测试: /* test.html*/<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>test</title> </head> <body&g

JS片段大总结

html中的标签都可以加一个id的属性. <body> <div id="tree" data-leaves="47" data-plant-height="2.4m"></div> <script> var tree = document.getElementById("tree"); //getAttribute()取值属性 console.log(tree.getAttri

Js 对Dom的操作

一.DOM的概述 DOM(Document Object Model,文档对象模型)描绘了一个层次化的节点树,允许开发人员添加.移除和修改页面的某一部分.这使得JavaScript操作HTML,不是在操作字符串,而是在操作节点,极大地降低了编程难度.DOM对很多东西做了抽象,提供了丰富的API:取得元素.css样式.事件.运动.元素尺寸位置.节点操作. 二.获取HTMl标签元素 document.getElementById(); //通id获取一个标签元素 document.ge

JS获取元素属性和自定义属性

获取元素的属性分为两种类型: 1-获取元素常见的属性(class,id,type,value……) 2-获取自定义的元素的属性(data-value,data-mess…….) 获取元素的属性,设置元素的属性: 1-原生JS 设置属性 .setAttribute("属性","值") 获取属性 .getAttribute("属性") 2-jquery 设置属性 .attr("属性","值") 获取属性 .at

HTML DOM对象的属性和方法介绍(原生JS方法)

HTML DOM对象的属性和方法介绍 DOM 是 Document Object Model(文档对象模型)的缩写. DOM(文档对象模型)是针对HTML和XML文档的一个API(应用程序编程接口),它允许程序和脚本动态地访问和更新文档的内容,结构和样式. W3C DOM 标准被分为 3 个不同的部分: 核心 DOM - 针对任何结构化文档的标准模型 XML DOM - 针对 XML 文档的标准模型 HTML DOM - 针对 HTML 文档的标准模型 HTML DOM 定义了所有 HTML 元

慕课网中网页定位导航中js相关问题总结

<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>地狗购物网——网页定位导航效果</title> <style> * { margin: 0; padding: 0; } body { font-size: 12px; line-height: 1.7; } li { list-style: none; } #content { w

js getAttribute和setAttribute

热门专题