Maison > Article > interface Web > html节点属性操作
html节点属性操作
- 高洛峰original
- 2016-11-23 15:17:221420parcourir
<!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>
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：html常用meta整理Article suivant：读写HTML元素的css 属性