html节点属性操作

2020-11-27 来源：个人技术集锦
<!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>
显示全文
全部栏目

html节点属性操作
