标签:html5 js
本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 ——JQuery中的DOM编程
JavaScript强化教程——JQuery中的DOM编程 本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 ——JQuery中的DOM编程 DOM编程 ---------------------------- js中DOM编程 创建一个标签对象 var p=document.createElement("p"); var img=document.createElement("img"); 设置标签里面的内容 p.innerHTML="天气不错"; p.id="p01"; img.src="xx.png"; 在一个标签中添加另一个标签 p.appendChild(img); p.insertBefor(img); <p id="p01"> 天气不错 <img src="xxx.png"> </p> 获取一个标签对象 var obj=document.getElementById("p01"); js中设置标签样式 obj.style.color="red"; obj.className="select"; 设置标签的属性 obj.setAttribute --------------------------------------------------- jQuery中DOM编程 创建对象 1 $("<p>hello</p>") 2.$("<div/>").css().html().appendTo $("#div1").append($("<p/>").css().html()); 设置对象属性 $("#xm").attr("checked","true"); 设置对象的样式 $("#div1").css("属性","属性值"); $("#div1").css({"属性1":"属性值","属性2":"属性值"}); 设置标签内容 $("#p1").html("这是一个p标签"); 在一个标签中添加另一个标签 $("#div1").append(obj); $("#div2").befor(obj); -----------------------------------------------
本文出自 “11721999” 博客,请务必保留此出处http://11731999.blog.51cto.com/11721999/1833870
标签:html5 js
原文地址:http://11731999.blog.51cto.com/11721999/1833870