操作元素属性的多种方式

最新推荐文章于 2023-11-16 13:56:07 发布

难瘦不难过

最新推荐文章于 2023-11-16 13:56:07 发布

阅读量363

点赞数

分类专栏： DOM

本文链接：https://blog.csdn.net/osweet12345678/article/details/52095736

版权

DOM 专栏收录该内容

22 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<script>
window.onload = function() {

var oText = document.getElementById('text1');

/*
.
[]
*/
//oText.value = '222';
//alert( oText.value );

//oText['value'] = '222';
//alert( oText['value'] );

//var name = 'value';

//oText.name; 有问题
//oText[name]; OK

/*
  元素.getAttribute(属性名称); 方法获取指定元素的指定属性的值
*/
//alert( oText.getAttribute('value') );

/*
  元素.setAttribute(属性名称，属性值); 方法给指定元素指定的属性设置值
*/
//oText.setAttribute( 'value', 'hello' );

/*
  元素.removeAttribute(属性名称); 方法移除指定的元素的指定的属性
*/
//oText.removeAttribute( 'value' );

/*
  1.用.和[]的形式无法操作元素的自定义属性
   getAttribute可以操作元素的自定义属性
*/
//alert( oText._name_ );
//alert( oText['_name_'] );

//alert( oText.getAttribute('_name_') );

var oImg = document.getElementById('img1');
/*
  2.可以获取元素属性实际的值
   ie7下还是会返回资源的绝对路径
*/
//alert( oImg.src );
//alert( oImg['src'] );

//alert( oImg.getAttribute('src') );

//alert( oImg.style.getAttribute('width') );

}
</script>
</head>

难瘦不难过

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
操作元素属性的多种方式

无标题文档window.onload = function() { var oText = document.getElementById('text1'); /* . [] */ //oText.value = '222'; //alert( oText.value ); //oText['value'] = '2
复制链接

扫一扫