JavaScript DOM元素增加删除

javascript超简单操作

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>my javascript</title><style>div {width: 960px;height: auto;margin: 0 auto;background-color: gainsboro;border: 2px double black;}a,p {font-size: 20px;}</style><script>function changep1() {x = document.getElementById("p1");x.style.color = "chocolate";x.style.backgroundColor = "yellow";x.innerHTML = x.innerHTML + "<br />" + "剁手使我痛并快乐着";}function deletep() {var parent = document.getElementById("div1");var child = document.getElementById("p2");parent.removeChild(child);}function changeall() {document.getElementById("p3").innerHTML = "“每次过安检，我总是过不去”“他们说我心里装着一个你”!";x = document.getElementById("p3");x.style.color = "fuchsia";}function newA() {var div = document.getElementById("div1");div.appendChild(aaa);aaa.innerHTML = "</br>" + "伤不起真的伤不起";aaa.setAttribute("href", "#");}function deletea() {var elem = document.getElementById('div1'); // 按 id 获取要删除的元素elem.parentNode.removeChild(elem);}</script></head><body><div onmouseover="mOver(this)" onmouseout="mOut(this)" style="background-color: antiquewhite;width:120px;height:20px;padding:40px;color:black;">把鼠标移到上面</div><script>function mOver(obj) {obj.innerHTML = "哎呦,你老帅了！"}function mOut(obj) {obj.innerHTML = "把鼠标移到上面"}</script><button onclick="displayDate()">注意时间哈！</button><script>function displayDate() {document.getElementById("demo").innerHTML = Date();}</script><p id="demo"></p><div id="div1"><p id="p1">双十一剁手的同志，相约三田</p><p id="p2">还好我买了个锅，把土煮热了吃</p><p id="p3">这个双十一过了，别担心，还有双十二，六一八,哭唧唧</p><a id="aaa">想想就很心塞啊啊啊啊啊</a><br /></div><div><button onclick="changep1()">改变p元素</button><br /><button onclick="deletep()">删除p元素</button><br /><button onclick="changeall()">意想不到的我鸭</button><br /><button onclick="newA()">增加a元素</button><br /><button onclick="deletea()">删除所有的元素</button></div></body></html>

JavaScript DOM元素增加删除相关推荐

js如何监听元素事件是否被移除_javascript – 如果一个DOM元素被删除,它的监听器也从内存中删除？...
现代浏览器纯JavaScript 如果被删除的DOM元素是无引用的(没有指向它的引用),那么yes – 该元素本身被垃圾收集器以及与其相关联的任何事件处理器/监听器拾取. var a = docum ...
【web前端】JavaScript DOM元素(节点的创建appendChild()，删除removeChild()，修改replaceChild())
创建新的 HTML 元素 (节点) - appendChild() 实例: <!DOCTYPE html> <html><head><meta charset ...
dom元素增加resize,以及echart增加resize
通过 vuex 实现 vue-echarts 图表的手动 resize 背景:项目有用到 vue-echarts, 百度推出的 vue 版本的 Echarts,图表自带响应式属性 auto-resiz ...
JavaScript实现元素定点删除
<!DOCTYPE html> <html> <head><title></title><meta charset="utf ...
JavaScript基础发布评论/删除评论/获取时间
创建节点(三种方法) document.createElement('tagName'); 此方法创建由tagName指定的HTML元素,因为这些元素原先不存在,是根据我们的需求动态生成的,也称为动态 ...
Angular学习笔记64：使用Render2安全操作DOM元素
在项目中有时候需要直接操作DOM,但是这样直接访问 DOM 会导致应用很容易受到在 XSS 攻击.所以并不建议直接访问 DOM. 在Angular 访问DOM 需要使用 Render2 来实现自定义渲 ...
JavaScript DOM编程-佟刚-专题视频课程
JavaScript DOM编程-12198人已学习课程介绍本Java视频教程涵盖 JavaScript DOM 编程的全部核心技术.JavaScript DOM 编程是编写 Aj ...
前端JavaScript DOM BOM 自学复盘 D1（DOM-获取DOM元素、修改HTML标签/表单/css样式属性、定时器-间歇函数）
内容概要 1. Web API 基本认知 1.1. 作用和分类 1.2. 什么是DOM 1.3. DOM作用 1.4 DOM树 1.4.1. DOM树是什么? 1.4.2. DOM 树的作用 1.5 ...
JavaScript 教程「9」：DOM 元素获取、属性修改
什么是 Web API Web API 是指网页服务器或者网页浏览器的应用程序接口.简单来讲,就是我们在编写 JavaScript 代码时,可以通过 Web API 来操作 HTML 网页和浏览器. ...

JavaScript DOM元素增加删除

javascript超简单操作

JavaScript DOM元素增加删除相关推荐

最新文章

热门文章

JavaScript DOM元素 增加 删除

javascript超简单操作

JavaScript DOM元素 增加 删除相关推荐

最新文章

热门文章

JavaScript DOM元素增加删除

JavaScript DOM元素增加删除相关推荐