1. createElement 、createTextNode、appendChild 用法<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>JSP Page</title>
<script type="text/javascript">
function createMessage(){
var oP=document.createElement("p")//创建元素p
var oText=document.createTextNode("HELLO WORLD")//创建文本
oP.appendChild(oText)//将文本添加到元素
document.body.appendChild(oP)//将元素添加到主体内容内,作为body内元素显示
}
</script>
</head>
<body onload="createMessage()">
</body>
显示如下:
HELLO WORLD
2、removeChild、getElementsByTagName
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>JSP Page</title>
<script type="text/javascript">
function removeMessage(){
//获取body下第一个为p元素为节点
var oP=document.body.getElementsByTagName("p")[0];//返回一个NOde
// document.body.removeChild(oP);//移除p元素及其文本内容
//可以替换成下面,效果一样,推荐用下面的方式
oP.parentNode.removeChild(oP);//寻找到p节点的父节点,再删除p节点
}
</script>
</head>
<body onload="removeMessage()">
<p>hello world</p>
</body>
</html>
显示空白
分享到:
相关推荐
NULL 博文链接:https://phoebird.iteye.com/blog/584484
最近为了补js的基础,开坑javascript高程,这书基础部分写得很详细很好读,搭配着MDN进行学习理解。 闲下来的时间记录一下边读边做的笔记,大多是以前编程的时候没注意过的基础知识点。 第一章 JavaScript的完整实现...
第十章 DOM DOM是针对XML和HTML文档的一个API:即规定了实现文本节点操控的属性、方法,具体实现由各自浏览器实现。 1. 节点层次 1) 文档节点:document,每个文档的根节点。 2) 文档元素:即<html>元素,文档...
第12章 事件 1.事件流 1.1事件冒泡(IE事件流) □事件冒泡(event bubbling),即事件开始时由最具体的元素(文档中嵌套层次最深的那个节点)接受,然后逐级向上传播到较为不... 1.3DOM事件流 □“DOM2级事件”规定的
第十五章 JavaScript与XML 1.浏览器对XML DOM的支持 1.1 DOM2级核心 ①在DOM2级在document.implementation中引入了createDocument()方法(IE6~8不支持)。 可以创建一个空白XML。 var xmldom = document....
本文实例讲述了Javascript面向对象程序设计对象成员的定义。分享给大家供大家参考,具体如下: 序: 刚接触javascript的时候,觉得这语言有点儿摸不着门道,感觉这玩意儿太难学了,没什么规范,没什么像样的手册,...
适用于Web开发人员JavaScript::closed_book:对《 JavaScript高级程序设计》第三版的阅读,整理,理解,总结,总结,延伸而记录的学习笔记
通常而言,JavaScript由ECMAScript核心、BOM和DOM三部分构成,前面的文章将ECMAScript核心部分粗略的过了一
1,DOM Core并不专属于JavaScript,任何一种支持DOM的程序设计语言都可以使用它. JavaScript中的getElementById(),getElementsByTagName()…等方法. 例如:使用DOM Core来获取表单对象的方法: document....
69. Managing JavaScript "popup" windows 第一稿 144 70. HEAD元素使用集锦 147 71. 主页javascript特效19则 148 72. 关于创建、删除、编辑、打开和保存文档的 URL 命令 156 73. Domino URL 命令 158 74. 在打开有...
JavaScript: JavaScript是一种用于添加交互性和动态性的脚本语言。笔记内容应包括变量、数据类型、条件语句、循环、函数和面向对象编程等基本概念。 DOM(文档对象模型): DOM表示网页的结构,可以通过JavaScript...
69. Managing JavaScript "popup" windows 第一稿 144 70. HEAD元素使用集锦 147 71. 主页javascript特效19则 148 72. 关于创建、删除、编辑、打开和保存文档的 URL 命令 156 73. Domino URL 命令 158 ...
leetcode新手刷题指南 学习资料、文章收集 TypeScript 类型体操姿势合集 React :heart_suit: ...javascript高级程序设计 CSS世界(未读) javascript DOM编程艺术 锋利的jQuery CSS权威指南 H5匠人手册
69. Managing JavaScript "popup" windows 第一稿 144 70. HEAD元素使用集锦 147 71. 主页javascript特效19则 148 72. 关于创建、删除、编辑、打开和保存文档的 URL 命令 156 73. Domino URL 命令 158 74. 在打开有...
1.JavaScript高级程序设计: 第一周过一遍. 2.JavaScript权威指南: 可选. 3.JavaScript Dom编程艺术: 可选. 计算机基础: 前端对HTTP相关知识要求较高,其他比如操作系统,数据库等. 学习资源: 1.MDN相关文档. 2.Udemy...
熟悉JavaScript语言构造的基础知识以及面向对象的编程及其应用程序。 学习使用Node.js在JavaScript中构建可扩展的服务器应用程序 以三种编程语言生成实例:Python,JavaScript和C# 结合使用访问修饰符,前缀,...
先决条件该研讨会是为学习具有几个月基础经验的中级JavaScript的人们而设计的。 您应该了解应用于HTML的文档对象模型(DOM)的基础。教科书该讲习班不需要教科书。 所有材料都包含在此GitHub存储库中。技术要求...
这是针对各种计算机科学技术的大量个人笔记,学习资源和备忘单的集合。 目录 前端开发 -应用框架。 -用于构建数据驱动的React应用程序的框架。 -用于开发Web组件JavaScript库。 -应用框架。 -应用框架。 -用于网站和...
一个前端开发者, 要会使用Web技术(如:HTML,CSS,DOM和JavaScript)设计和开发网站应用. 网站应用, 或运行于 Web平台 之上, 或用于编译非Web平台环境的输入(如:NativeScript). 一般而言, 一个人可以通过学习 HTML,...