javascript 和html 中的id 和 name 和 value 具体含义

javascript 和html 中的id 和 name 和 value 具体含义,第1张

id主要是在Javascript中调用,使用<script language="javascript" type="text/javascript">var obj=document.getElementById("ID")</script>名称来获取指定ID的对象

同时ID也可以在样式表中使用,如<style type="text/css">#ID{color:#fff}</style>,可以通过样式来设置ID所指对象的样式,该例指定ID的字体颜色为白色

name主要用于服务器提交时使用,在表单被提交到后台时,可以使用request.form("name")来获取指定名称的对象的值,同时name也可以在javascript进行 *** 作,比如<script language="javascript" type="text/javascript">var obj=document.form1.name</script>这就是表示当前页面,表单名为form1的指定name的对象

value就是指对象的值了,比如使用javascript获取指定对象的值 <script language="javascript" type="text/javascript">var v=document.getElementById("id").value</script>

首先找到这段文字的html标签。例如:<p>我是文字</p>

你就可以跟这段文字加一个class或者id来控制

<p class="wordText" id="wordText">我是文字</p>

js *** 作

<script>

//改变文字

    document.getElementById("wordText").innerHTML="My First JavaScript"

</script>

     可以用来 *** 作点击,鼠标移入移出。具体你可以去w3school上看

js获取html元素的方式

+通过ID获取:getElementById('id属性值')

+通过标签名:getElementsByTagName('标签名')

+通过类名:getElementsByClassName('类名')

+通过name属性:getElementsByName('name属性值')

+通过选择器获取一个元素:querySelector

+通过选择器获取一组元素:querySelectorAll

1.获取id值为d1的html元素

将获取到的html元素称为DOM节点对象,必须传参数,参数是string类型,是获取元素的id。返回值只获取到一个元素,没有找到返回null。

2.通过标签名:getElementsByTagName('标签名')

参数是是获取元素的标签名属性,不区分大小写,根据标签名获取html元素, 返回的是一个数组(伪数组) 

通过类名:getElementsByClassName('类名')

参数是元素的类名,返回值是一个类数组,没有找到返回空数组。

通过类名:getElementsByClassName('类名')

必须传参数,参数是是获取元素的name属性,返回值是一个类数组,没有找到返回空数组。

通过选择器获取一个元素:querySelector

参数是选择器,返回值只获取到第一个元素。

通过选择器获取一组元素:querySelectorAll

参数是选择器,返回值是一个数组。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6202930.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-17
下一篇 2023-03-18

发表评论

登录后才能评论

评论列表(0条)

保存