jQuery小网页:创建DOM元素,IE异常,Firefox正常运行?
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/...
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery:jQuery中创建DOM元素</title>
</head>
<!--
4.创建DOM元素
利用DOM方法创建元素节点,通常需要将document.createElement()、
document.createTextNode()、appendChild()配合使用,十分麻烦,而jQuery使用“$
”则可以直接创建DOM元素,例如:
var oNewP = $("<p>这是一个感人肺腑的故事</p>");
以上代码等同于JavaScript中的如下代码:
var oNewP = document.createElement("p");//新建节点
var oText = document.createTextNode("这是一个感人肺腑的故事");
oNewP.appendChild(oText);
另外,jQuery还提供了DOM元素的insertAfter()方法
题目:jQuery中创建DOM元素
-->
<script language="javascript" src="jquery-2.0.2.min.js"></script>
<script language="javascript">
$(function(){
var oNewP = $("<p>这是一个感人肺腑的故事</p>");
oNewP.insertAfter("#myTarget");
});
</script>
<body>
<p id="myTarget">插入到这行文字之后</p>
<p>也就是插入到这行文字之前,但这行没有id,也可能不存在</p>
</body>
</html> 展开
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery:jQuery中创建DOM元素</title>
</head>
<!--
4.创建DOM元素
利用DOM方法创建元素节点,通常需要将document.createElement()、
document.createTextNode()、appendChild()配合使用,十分麻烦,而jQuery使用“$
”则可以直接创建DOM元素,例如:
var oNewP = $("<p>这是一个感人肺腑的故事</p>");
以上代码等同于JavaScript中的如下代码:
var oNewP = document.createElement("p");//新建节点
var oText = document.createTextNode("这是一个感人肺腑的故事");
oNewP.appendChild(oText);
另外,jQuery还提供了DOM元素的insertAfter()方法
题目:jQuery中创建DOM元素
-->
<script language="javascript" src="jquery-2.0.2.min.js"></script>
<script language="javascript">
$(function(){
var oNewP = $("<p>这是一个感人肺腑的故事</p>");
oNewP.insertAfter("#myTarget");
});
</script>
<body>
<p id="myTarget">插入到这行文字之后</p>
<p>也就是插入到这行文字之前,但这行没有id,也可能不存在</p>
</body>
</html> 展开
1个回答
展开全部
html网页可以参考W3C标准 http://www.w3school.com.cn/w3c/w3c_html.asp
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询