search

Home >Web Front-end >HTML Tutorial >html node attribute operation

html node attribute operation

高洛峰
高洛峰Original
2016-11-23 15:17:221433browse

<!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>


Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：HTML commonly used meta organizationNext article：HTML commonly used meta organization

Related articles

See more