Heim > Artikel > Web-Frontend > html节点属性操作
html节点属性操作
- 高洛峰Original
- 2016-11-23 15:17:221380Durchsuche
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> new document </title>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<meta name="author" content="" />
<style type="text/css"></style>
<script type="text/javascript">
//当网页加载完成调用js程序
//匿名函数：就是没有名字的函数，不能单独定义，也不能单独调用
//匿名函数只能作为数据传给其他变量
window.onload=function(){
//查找img节点
var imgObj=document.body.firstChild;
//添加src属性
imgObjAttribute("src","images/01.jpg");
//添加width属性
imgObj.setAttribute("width","500");
//添加border属性
imgObj.setAttribute("border",2);
//添加onclick属性
imgObj.setAttribute("onclick","removeImg(this)");
}
//删除src属性
function removeImg(imgObj){
imgObj.removeAttribute("src");
}
/*匿名函数调用和作为数据
//给变量赋不同的值，则变量就是不同类型
//给变量赋一个函数，则变量就是函数型
var a="abc";
var a=[10];
var a= function(){
alert("ok");
}
//调用方法：
a();
*/
</script>
</head>
<body>
<body><img onclick="removeImg(this)" /></body>
</body>
</html>
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：html常用meta整理Nächster Artikel：读写HTML元素的css 属性