1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > javascript 三种方法实现获得和设置以及移除元素属性【javascript】

javascript 三种方法实现获得和设置以及移除元素属性【javascript】

时间:2020-06-20 13:30:14

相关推荐

javascript 三种方法实现获得和设置以及移除元素属性【javascript】

web前端|js教程

移除,元素属性

web前端-js教程

以下面的html为例

网狐6603 捕鱼源码,ubuntu 网络安全,tomcat安装版测试,爬虫rss制作,php学什么项目好,违规seolzw

百度 1.通过HTMLElement类型(对象)的属性获得和设置元素特性

商创o2o源码,vscode 1.32,ubuntu回收站目录,tomcat crt,ios sqlite 导出,主机好还是服务器好,百度导航进入插件,免费前端系统框架,爬虫抓取url,php能做游戏吗,橙火seo,浪漫网站源码,dede网页音乐代码适应手机,宾馆网页模板,创建前台页面代码 免费模板,开源的任务管理系统,dede程序怎么样lzw

var div = document.getElementById("myDiv");

var img = document.getElementById("img1");

var a = document.getElementById("myA");

//取得元素特性

alert(div.id); //"myDiv"

alert(div.className); //"bd",这里不是div.class,是因为class是保留关键字

alert(div.title); //"我是div"

alert(a.href); //

//设置元素特性

div.id = "myDiv2"; //id改为"myDiv2"

div.className = "ft"; //class改为"ft",如果存在名为"ft"的样式,会立刻变为"ft"样式,浏览器会立刻反应出来

div.title = "我是myDiv2"; //title改为"我是myDiv2"

div.align = "center"; //设置居中对齐

img.src ="images/img1.jpg"; //设置图片路径

a.innerHTML ="新浪"; //"百度"改为"新浪"

a.href = ""; //重新设置超链接

2.通过getAttribute()、setAttribute()和removeAttribute() 方法,获取、设置、移除元素的特性(不推荐使用,前两个方法IE6,7中有异常,第三个方法IE6不支持,设置自定义特性时可以使用)

getAttribute() 方法,用来获取元素特性。接受一个参数,即要获得元素的特性名

setAttribute() 方法,用来设置元素特性。接受两个参数,即要获得元素的特性名和特性值

removeAttribute() 方法,用来移除元素的特性。接受一个参数,即要移除元素的特性名

lzma算法源码,ubuntu种子下载软件,怎么重新配置tomcat,webkit爬虫裁剪,php公司哪个好,江苏seo一个月多少钱lzw

var div = document.getElementById("myDiv");

var img = document.getElementById("img1");

var a = document.getElementById("myA");

//取得元素特性

alert(div.getAttribute("id")); //"myDiv"

alert(div.getAttribute("class")); //"bd",注意这里是class,而不是className,与上面不同

alert(div.getAttribute("title")); //"我是div"

alert(a.getAttribute("href")); //

//设置元素特性

div.setAttribute("id","myDiv2"); //id改为"myDiv2"

div.setAttribute("class","ft"); //class改为"ft",这里同样是class,而不是className

div.setAttribute("title","我是myDiv2"); //title改为"我是myDiv2"

div.setAttribute("align","center"); //设置居中对齐

img.setAttribute("src","images/img1.jpg"); //设置图片路径

//移除元素特性

div.removeAttribute("class"); //移除class特性

3.通过attributes属性,获取、设置、移除元素的特性

var div = document.getElementById("myDiv");

//取得元素特性

alert(div.attributes["id"].nodeValue); //"myDiv"

//设置元素特性

div.attributes["id"].nodeValue = "myDiv2"; //id改为"myDiv2"

//移除元素特性

div.attributes.removeNamedItem("class"); //移除class特性

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。