JS中使用数字正射影像图来控制超文本标记语言元素

1.getElementsByName():获取名字。

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~`

例：

p name=' pn ' hello/p p name=' pn ' hello/p p name=' pn ' hello/p脚本函数getName(){ var count=document。getelementsbyname(' pn ')；警报(计数。长度)；var p=计数[2];p.innerHTML=' world}/脚本结果：界面打印出三个你好，并且伴有一个提示框"3",当点击确定后，界面显示的内容变为你好你好世界

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

2.getElementsByTagName():获取元素。

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

例

费洛/p费洛/p费洛/p脚本函数getName(){ var count=document。getelementsbytagname(' p ')；警报(计数。长度)；var p=计数[2];p.innerHTML=' world}/脚本结果：界面打印出三个你好，并且伴有一个提示框"3",当点击确定后，界面显示的内容变为你好你好世界

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

3.getAttribute():获取元素属性。

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

例

a id='aid' title='得到a的标签属性/a脚本函数getAttr1(){ var阳极=文档。getelementbyid(' aid ')；var attr=阳极。GetAttribute(' id ')；警报(' a的身份是： ' attr)；}函数getAttr2(){ var阳极=文档。getelementbyid(' aid ')；var attr=阳极。GetAttribute(' title ')；警报(' a的标题内容是：' attr)；} GetAttr(1)；getattr 2()；/script结果：弹出提示框"一个的身份是：援助"。点击确定后，弹出提示框"一个的标题内容是：得到a的标签属性"。

~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ 4 .setattribute()设置元素属性。

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

例

a id='aid2'aid2/a脚本函数setAttr(){ var阳极=文档。getelementbyid(' aid 2 ')；阳极。setAttribute('title '，'动态设置a的标题属性');var attr=阳极。GetAttribute(' title ')；警报('动态设置的标题值为：' attr)；} SetAttr()；/script结果：弹出提示框"动态设置的标题值为：动态设置a的标题属性"。

~~~~~~~~~~~~~~~~~~~~~~~~~~~~

5 .儿童节点(:)访问子节点。

~~~~~~~~~~~~~~~~~~~~~~~~~~

例

ulli1/lili2/lili3/li/ul脚本函数getChildNode(){ var childnode=document。getelementsbytagname(' ul ')[0].childNodesalert(子节点。长度)；警报（子节点[0]。nodeType)；} getChildNode()；/script结果：界面打印出.1 .2 .3弹出对话框"3",按确定后弹出"1"。

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

6.parentNode():访问父节点。

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

例

div p id='pid'/p /div脚本函数getParentNode(){ var div=document。getelementbyid(' PID ')；警报(div。parentnode。nodename)；} GetParentNode()；/script结果：弹出提示框：DIV .

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

7.createElement():创建元素节点。

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

例：

脚本函数创建节点(){ var body=document。身体；var输入=文档。create element(' input ')；input.type=' buttoninput.value='按钮；body.appendChild(输入);//插入节点}创建节点()；/script结果：出现一个按钮。

~~~~~~~~~~~~~~~~~~~~~~~~~~~

8.createTextNode():创建文本节点。

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

例：

脚本函数create node(){ var element=document。创建元素(' div ')命令档：元素。messagevar文本节点=文档.创建文本节点(' hello world！');element.appendChild(文本节点):document.body.appendChild(元素);}创建节点()；/脚本云娥：贺南德贺南德贺南德贺南德div(消歧义)范仲淹！范仲淹！范仲淹"消息"什么事类阿金。阿金，你好吗，1825年。你好吗，云娥同云娥同云娥同云娥同云娥同日同月同月同月同月同月同月同月同月同月同月同月同月同月同月同月同月同月同月同月同月同月同月同月同月同月同月同月同月同月同月同月同月同月同月同月同月同月体表魏冄，贺盛瑞！贺盛瑞！贺盛瑞！贺盛瑞！贺盛瑞。

阿苏姆阿苏姆阿苏姆阿苏姆阿苏姆阿苏姆阿苏姆阿苏姆阿苏姆阿苏姆阿苏姆阿苏姆阿苏姆阿苏姆：希萝你好世界。

~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~

9 .插入前():诶哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟。

~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~

魏冄

div id='div' p id='pid'p云娥/p /div脚本函数add node(){ var div=document。获取元素byid(' div ')；var node=文档。获取元素byid(' PID '):var new node=document。创建元素(' p ')；新节点。innerhtml='吴亚玲朱亚娜朱亚娜页：1云娥";插入前div(新节点，节点)；}添加节点()；/脚本阿苏姆阿苏姆阿苏姆阿苏姆阿苏姆阿苏姆阿苏姆阿苏姆阿苏姆阿苏姆阿苏姆阿苏姆阿苏姆阿苏姆：阮经天：吴亚玲朱亚娜朱亚娜页：1云娥

页：1云娥

~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~

10.removeChild():你好。

~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~

魏冄

div id='div' p id='pid'p云娥/p /div脚本函数移除节点(){ var div=document。获取元素byid(' div ')；var p=div。移除子代(div。子节点[1])；}移除节点()；/脚本阿苏姆阿苏姆阿苏姆阿苏姆阿苏姆阿苏姆阿苏姆阿苏姆阿苏姆阿苏姆阿苏姆阿苏姆阿苏姆阿苏姆：朱庇特朱庇特。

~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~

11 . offset the light :云娥

12 .卷动高度：云娥

~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~

魏冄：

getSize()脚本函数：{ var width=document。文档元素。offsetwidth | | document。尸体。偏移；//范登韦恩佐var高度=文档。文档元素。右边|文档。尸体。偏右；警示（宽度、高度):} get size()；/脚本1740年：

贺盛德贺盛德贺盛德JS DOM(联合王国)何俊钦先生超文本标记语言格式云娥，阿叔阿叔阿叔阿叔阿叔阿叔阿叔阿叔阿叔阿叔阿叔阿叔阿叔阿叔阿叔阿叔阿叔阿叔阿叔阿叔阿叔阿叔阿叔阿叔阿叔阿叔阿叔阿叔阿叔阿叔阿叔阿叔阿叔阿叔阿叔阿叔阿叔阿叔DOM，HTML-什么，范思哲（音译),唉哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟哟。