DOM

亦凉 2023-06-11 09:23 17阅读 0赞

1 标签操作

直接查找

documeny.getElementById('')

间接查找

文件内容：

1.innterText只有文本

2.innerHTML所有内容

3.value

input便签

value

获取当前标签中的值

select标签

value

获取当前选中的value

selectedIndex

设定当前选中的value

textarea标签

value

获取当前标签中的值

创建标签

beforeEnd, afterBegin, beforeBegin,afterEnd

function Add1() { var tag ="<p><input type='text'></p>"; document.getElementById('i1').insertAdjacentHTML("beforeEnd", tag); } function Add2() { var tag = document.createElement('input'); tag.setAttribute('type', 'text'); var p = document.createElement('p'); // tag标签放在p标签里面 p.appendChild(tag); document.getElementById('i1').appendChild(p); }

2

style操作

添加style

obj.style.color = 'red'

3

class操作

className

classList

classList.add

classList.remove

4.属性操作

setAttribute('', '')

removeAttribute('')

attributes

5. confirm location

获取当前herf和设定

location.href =''

页面刷新

location.reload()

var v = confirm('where are you??'); console.log(v);

设置定时器

var timer1 = setInterval(xxx\{\},2000)

清除定时器

clearInterval(timer1);

2s过后执行，只执行一次

var timer2 =setTimeout(xxx\{\},2000)

clearTimeout(timer2)

6. 提交

document.getElementById('').submit()

<form id='f1' action="http://www.baidu.com">
        <input type="text" />
        <input type="submit" value="submit" />
        <a onclick="submitForm()">submit</a>
    </form>
    <script>
        function submitForm() { document.getElementById('f1').submit() } </script>

更多专业前端知识，请上 **【猿2048】www.mk2048.com**

发表评论取消回复

表情：

评论列表（有 0 条评论，17人围观）

还没有评论，来说两句吧...

相关阅读

相关【JQ _DOM】DOM

JQuery HTML DOM text() object.text():getter object.text(“your text you want to

淩亂°似流年/ 2024年04月01日 16:11/ 0 赞/ 106 阅读

相关 DOM

1 标签操作直接查找 documeny.getElementById('') 间接查找文件内容： 1.innterText只有文本 2.innerHTML所有内

亦凉/ 2023年06月11日 09:23/ 0 赞/ 18 阅读

相关 DOM

DOM 1. 找到标签 a.获取单个元素：var obj = document.getElementById(‘i1’); b.获取标签元素，结

骑猪看日落/ 2023年06月03日 15:52/ 0 赞/ 24 阅读

相关 DOM

HTML DOM Document对象 DOM 是 Document Object Model（文档对象模型）的缩写。 1.document.body 返回文档的bo

不念不忘少年蓝@/ 2022年09月30日 03:49/ 0 赞/ 102 阅读

相关 DOM

··通过 JavaScript，您可以重构整个 HTML 文档。您可以添加、移除、改变或重排页面上的项目。要改变页面的某个东西，JavaScript 就需要对 HTML 文

偏执的太偏执、/ 2022年09月29日 06:34/ 0 赞/ 96 阅读

相关 DOM

DOM(document object model)是一组用来描述脚本怎样与结构化文档交互和访问的Web标准。DOM定义了一系列对象、方法和属性，用于访问、操纵和创建文档中的内

男娘i/ 2022年07月08日 14:58/ 0 赞/ 121 阅读

相关 DOM

1 DOM概念 DOM（Document Object Model）：文档对象模型。通过开发者工具的Elements标签页可以查看 ![这里写图片描述][Sout

电玩女神/ 2022年06月10日 10:18/ 0 赞/ 130 阅读

相关 [DOM] 什么是 DOM

一、写在前面: 1. Dom 即 Document Object Model (文档对象模型)，为 HTML、XML 设定的应用程序接口规范； 2. 定义了文档的逻辑

àì夳堔傛蜴生んèń/ 2022年06月03日 21:11/ 0 赞/ 301 阅读

相关 DOM

文档对象模型，提供了导航、访问结构化文档中的节点，以及对节点进行操作的能力。结构化文档经过DOM解析器后，被解析为DOM树。当浏览器装载一个HTML页面后，就获得了该H

偏执的太偏执、/ 2022年05月15日 07:47/ 0 赞/ 134 阅读

相关 DOM

目录一、什么是DOM 二、DOM节点 1.DOM节点的分类 2.获取元素节点 3.获取属性节点 4.获

女爷i/ 2021年09月07日 06:02/ 0 赞/ 434 阅读