元素的属性相关操作element.getAttribute('xxx'),element.setAttribute('xxx','xxx'),element.removeAttribute('xxx')

 1 <!DOCTYPE html>
 2 <html>
 3 <head lang="en">
 4     <meta charset="UTF-8">
 5     <title></title>
 6 </head>
 7 <body>
 8 <div id="demo" class="one" title="鼠标经过"></div>
 9 <script>
10     var demo = document.getElementById("demo");
11     alert(demo.getAttribute("title"));
12     demo.setAttribute("class","two");
13     demo.removeAttribute("title");
14
15 </script>
16 </body>
17 </html>

元素的属性相关操作element.getAttribute('xxx'),element.setAttribute('xxx','xxx'),element.removeAttribute('xxx')

原文地址:https://www.cnblogs.com/ustc-yy/p/12073839.html

时间: 2024-11-12 21:53:45

元素的属性相关操作element.getAttribute('xxx'),element.setAttribute('xxx','xxx'),element.removeAttribute('xxx')的相关文章

19 01 09 变量 操作元素的属性 和操作元素的方法

变量 JavaScript 是一种弱类型语言,javascript的变量类型由它的值来决定. 定义变量需要用关键字 'var' 变量类型 5种基本数据类型:1.number 数字类型2.string 字符串类型3.boolean 布尔类型 true 或 false4.undefined undefined类型,变量声明未初始化,它的值就是undefined5.null null类型,表示空对象,如果定义的变量将来准备保存对象,可以将变量初始化为null,在页面上获取不到对象,返回的值就是null

Dom元素的属性常用操作汇总

2月20日汇总: 元素的属性操作:1.$(function(){ $(''#box).attr('class','box')}); 2.$('#box').attr({'title':'标题','class':'box'}) 添加多个通过定义对象添加:$("#box").attr("title",function(){ return '必须哦'}) 函数有返回值: 3.$("#box").removeAttr('title')删除指定元素属性:

web前端【第十一篇】jQuery属性相关操作

知识点总结 1.属性 属性(如果你的选择器选出了多个对象,那么默认只会返回出第一个属性). attr(属性名|属性值) - 一个参数是获取属性的值,两个参数是设置属性值 - 点击加载图片示例 removeAttr(属性名) -删除属性的值 prop(属性名|属性值) - 属性的返回值的是布尔类型 - 单选,反选,取消的例子 removeProp(属性名) -删除属性的值 循环:each(两种循环示例) - $.each(数组/对象, function(i, v){}) - $("div"

js 中对象--属性相关操作

查询属性: 可以用 对象.属性 来查询属性和属性方法               或者                    对象[“属性”]  来查询属性和属性方法 演示代码: 1 <script> 2 var obj ={ 3 username:"ziksang", 4 age:22, 5 addr:"北京", 6 say:function(){ 7 return "我的名字叫 "+this.username //解析this,此

DOM元素选择 属性操作 事件操作 节点操作 创建元素的区别

DOM 获取页面元素 document.getElementById('id'); // id 选择器 document.getElementsByTagName('div'); // 标签选择器 返回伪数组 // html新增 document.getElementsByClassName('box'); // 类名学则器 document.querySelector('#id'): // 返回指定选择器的第一个元素对象,里面写css选择器 document.querySelectorAll(

HTML DOM基本概念及Element.getAttribute(&quot;value&quot;) 与Attribute.value差异

今晚整理博客的时候写个js, 发现了一个坑.. 一不小心就掉进去的坑.. 本来想针对此坑写写见解就完了, 但觉得趁这个机会顺便再次说一下HTML DOM相关的东东. 在开始之前我先引出几个问题, 由此引出后面的话题, 也算是作为本人个人的学习笔记, 与大家共勉. 我们先来提3个问题. HTML DOM是什么? HTML DOM 的全称为: HTML Document Object Model, 意思是: 文档对象模型. 我们常说的DOM, 就是HTML DOM. DOM是对HTML文档里所有的一

jquery:jqery表单属性 值操作

重置表单(且清空隐藏域)  $('#myform')[0].reset() ?? DOM属性相关操作 返回属性值 $(selector).attr(attribute) 设置属性值 $(selector).attr(attribute,value) $(selector).attr(attribute,function(index,oldvalue))  返回值为属性值:oldvalue当前属性值. $(selector).attr({attribute:value, attribute:val

【2017-03-31】JS-DOM操作:操作属性、彩虹导航栏、定时器、操作内容、创建元素并添加、操作相关元素

一.操作属性 1.什么是属性: <div class="div" id="div1" style="" ></div> 其中class   id   style   都是这个div的属性 <input type="button" value="这是一个按钮" disabled="disabled"  aa="haha" /> dis

jQuery入门(2)使用jQuery操作元素的属性与样式

jQuery入门(1)jQuery中万能的选择器 jQuery入门(2)使用jQuery操作元素的属性与样式 一.区分DOM属性和元素属性 对于下面这样一个标签元素: <img id='img' src="images/image.1.jpg" alt='1' class="imgs"></img> 我们通常将id.src.alt.class称为属性,也即元素属性.但是,当浏览器对标签元素进行解析时,会将元素解析为Dom对象,相应的,元素属性