DOM 节点属性，增删改节点属性

最新推荐文章于 2021-06-27 12:57:43 发布

houyanhua1

最新推荐文章于 2021-06-27 12:57:43 发布

阅读量581

点赞数

分类专栏： DOM JavaScript 文章标签： javascript DOM

本文链接：https://blog.csdn.net/houyanhua1/article/details/78491832

版权

JavaScript 同时被 2 个专栏收录

140 篇文章 4 订阅

订阅专栏

DOM

13 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">

//匿名函数：就是没有名字的函数。
//匿名函数，不能单独定义，也不能单独调用
//匿名函数，只能作为数据传给其它变量
//程序顺序执行，必须当网页加载完成才调用JS程序，所以放到onload函数中。
window.onload = function()
{
	//查找img节点
	var imgObj = document.body.firstChild;
	//添加src属性
	imgObj.setAttribute("src","images/01.jpg");
	//添加width属性
	imgObj.setAttribute("width",400);
	//添加border属性
	imgObj.setAttribute("border",2);
	//添加style属性
	imgObj.setAttribute("style","padding:20px");
	//添加onclick属性
	imgObj.setAttribute("onclick","removeImg(this)");
}
//函数：删除src属性
function removeImg(imgObj)
{
	//删除src属性
	imgObj.removeAttribute("src");
	imgObj.removeAttribute("width");
}
</script>
</head>

<body><img /></body>
</html>