您的位置：首页 > Web前端 > JavaScript

JS---DOM操作有哪一些

2016-12-07 15:12 323 查看

一 DOM对象有哪一些

1 windos

1.属性 opener

2.方法 open(),close()

例：<script langguage="javascript">

window.open("打开谁","打开位置_","打开窗口各种控制");

// window.setTimeout("ccc()",3000)

function ccc()

{

a(代表打开窗口对象).close();

}

</script>

<body>

<div id="dd"></div>

</body>

在b页面

<script language="javascript">

function dodo()

{

//取出值 var s=document.getElementById("t1").value;

// 给父窗口

var dd=windows.opener.document.getElementById("dd")

dd.innerHEML= s

}

</script>

<body>

<from>

<input type="text" id="t1" name="t1">

<input type="button" value="点击给父窗口" onclick=="dodo()">

</from>

</body>

setTimeout(),setIntervalt()

moveTo(),scrollTO()

2 document

3 location

属性 href 用脚本来跳转页面

方法 reload() 刷新页面

4 history

方法 go()

5 status

二 JS操作document对象

1 找到对象

document.getElementById()

document.getElementsByName()

document.getElementsByTagName()

document.getElementsByClassName()

2 操作对象

操作属性

取值 getAttribte()

赋值 setAttribte()

删除属性 removeAttribute()

操作样式

内联样式 style.xxxx

class

className

把class当成属性来看

操作内容

表单元素 value

非表单元素

innerHTML

innerText

操作元素

操作整个元素

创建字符串

createElement()

添加子元素 appendChild()

删除 remove()

复制 clonseNode()

相关元素

前后

父

子

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航