js操作dom

  •  实例

document.getElementById("demo").innerHTML = 'Hello JavaScript';       //查找元素并更改内容
document.getElementById("demo").style.fontSize = "25px";              //改变html元素样式
document.getElementById("demo").style.display="none/block";           //隐藏和显示html元素

  • JS使用

 脚本必须放在<script> 与 </script>之间   

js函数可在<head>和<body>之间    ，外部的js，把脚本保存在外部文件，使用外部文件    <script src="myScript.js"></script>

 

  • JS输出

document.getElementById("demo").innerHTML="我的第一段 JavaScript";       //找出元素并修改
document.write("<p>我的第一段 JavaScript</p>");       //把p元素写到html文档输出

  • JS语句

 组成：值、运算符、表达式、关键词和注释

 

  • DOM操作 - 方法和属性（增、删、改、查）

编程界面是每个页面的属性和方法。方法是能够完成的动作，属性是改变html元素内容

查找html元素：document.getElementById(id)     document.getElementsByTagName(name)

 document.getElementsByClassName(name)       // 分别表示通过id、标签名、类名查找

 

一些常用的 HTML DOM 方法：

  • getElementById(id) - 获取带有指定 id 的节点（元素）
  • appendChild(node) - 插入新的子节点（元素）
  • removeChild(node) - 删除子节点（元素）

一些常用的 HTML DOM 属性：

  • innerHTML - 节点（元素）的文本值
  • parentNode - 节点（元素）的父节点
  • childNodes - 节点（元素）的子节点
  • attributes - 节点（元素）的属性节点


posted @ 2020-07-03 14:31  骑猪少年的故事  阅读(222)  评论(0)  编辑  收藏  举报