5-15b.html

来自「文件是《精通Javascript+jQuery》的书中实例」· HTML 代码 · 共 26 行

HTML
26 行
字号 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>点击鼠标，insertAfter()方法</title>
<script language="javascript">
function insertAfter(newElement, targetElement){
	var oParent = targetElement.parentNode;	//首先找到目标元素的父元素
	if(oParent.lastChild == targetElement)	//如果目标元素已经是最后一个子元素了
		oParent.appendChild(newElement);	//则直接用appendChild()加到子元素列表的最后
	else								//否则用insertBefore()插入到目标元素的下一个兄弟元素之前
		oParent.insertBefore(newElement,targetElement.nextSibling);
}
function insertP(){
	var oOldP = document.getElementById("myTarget");
	var oNewP = document.createElement("p");		//新建节点
	var oText = document.createTextNode("这是一个感人肺腑的故事");
	oNewP.appendChild(oText);
	insertAfter(oNewP,oOldP);		//插入节点
}
</script>
</head>
<body onclick="insertP()">
	<p id="myTarget">插入到这行文字之后</p>
	<p>也就是插入到这行文字之前，但这行没有id，也可能不存在</p>
</body>
</html>

5-15b.html - 源码说明

本页面展示了「文件是《精通Javascript+jQuery》的书中实例」中的 5-15b.html 源码文件，采用 HTML 编程语言编写，共 26 行代码。您可以在线阅读完整代码内容，也可以返回资源详情页下载完整源码包进行本地学习和开发。

虫虫下载站收录了大量与Javascript相关的技术资源，包括源代码、技术文档、电路图等，是电子工程师和嵌入式开发者的专业学习平台。

⌨️ 快捷键说明

复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?