JavaScript中getElementById和 getelementsByName和getElementsByTagName的简单应用

最新推荐文章于 2022-06-24 22:14:55 发布
最新推荐文章于 2022-06-24 22:14:55 发布
阅读量315 收藏
点赞数
分类专栏： JavaScript 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_33130209/article/details/67639756
版权
<!DOCTYPE HTML>
<html>  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />  
<title>JavaScript</title>  
</head>  
<body>  
    
        <form name="Input">
            <table align="center" width="500px" height="50%" border="22">
                <tr>
                    <td align="center" width="100px">
                        学号:
                    </td>
                    <td align="center" width="300px">
                        <input type="text" id=userid name="user" οnblur="validate();">
                        <div id=usermsg></div>
                    </td>
                </tr>
                <tr>
                    <td align="center" width="100px">
                        姓名:
                    </td>
                        <td align="center">
                        <input type="text" name="name">
                    </td>
                </tr>
                <tr>
                    <td align="center" width="%45">
                        性别:
                    </td>
                    <td align="center">
                        <input type="radio" name="sex" value="男">
                        男
                        <input type="radio" name="sex" value="女">
                        女
                    </td>
                </tr>
                <tr>
                    <td align="center" width="30%">
                        年龄:
                    </td>
                    <td align="center" width="300px">
                        <input type="text" name="age">
                    </td>
                </tr>
                <tr>
                    <td align="center" width="100px">
                        地址:
                    </td>
                    <td align="center" width="300px">
                        <input type="text" name="addr">
                    </td>
                </tr>


            </table>
        </form>
        <h1 id="myHead" οnclick="getValue()">
            看看三种获取节点的方法?
        </h1>
        <p>
            点击标题弹出它的值。
        </p>
        <input type="button" οnclick="getElements()"
            value="看看name为sex的节点有几个?" />
        <Br>
        <input type="button" οnclick="getTagElements()"
            value="看看标签名为input的节点有几个?" />
            
     <script type="text/javascript">
         function getValue()
          {
              var myH = document.getElementById("myHead");
              alert(myH.innerHTML)
          }
          function getElements()
          {
             var myS = document.getElementsByName("sex");
              alert(myS.length);
          }


          function getTagElements()
          {
              var myI = document.getElementsByTagName("input");
              alert(myI.length);
          }
         
     </script>        


    </body>
</html>
我想上天
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
document.getElementById()
07-21
document.getElementById()对象和使用方法
document.getElementById()方法使用
热门推荐
酣睡的熊㊣的技术博客
02-07 36万+
document.getElementById使用 语法：oElement = document .getElementById ( sID ) 参数：sID――必选项。字符串 (String) 。 返回值：oElemen――对象 (Element) 。 说明：根据指定的 id 属性值得到对象。返回 id 属性值等于 sID 的第一个对象的引用。假如对应的为一组对象，则返回该组对象中的第一
javascript基础知识 getElementById
qrj20112的专栏
11-17 261
通过ID获取元素 在网页中我们通过id先找到标签然后进行操作。 语法：  document.getElementById(“id”)  例子： Old Header前面 否则会报elementId is null错误-->              var elementId=document.getElementById("hid");
通过ID获取元素getElementById
aomichen2432的博客
08-11 300
语法: document.getElementById(“id”) 结果:null或[object HTMLParagraphElement]. 除了 getElementById() 之外，还有 getElementsByName() 和 getElementsByTagName()。 不过，最有效的方法是 getElementById()。 实例： ...
getElementById
xiongxianhe的专栏
01-11 1342
getElementById　　语法：　　oElement = document . getElementById ( sID ) 　　参数：　　sID :　必选项。字符串(String)。 　　返回值：　　oElement :　对象(Element)。 　　说明：　　根据指定的 id 属性值得到对象。返回 id 属性值等于 sID 的第一个对象的引用。假如对应的为一组
document.all与getElementById、getElementsByName、getElementsByTagName用法区别-getElementById
09-06
在HTML文档对象模型（DOM）中，有三种主要方法用于查找HTML元素：`document.all`，`getElementById()`，`getElementsByName()` 和 `getElementsByTagName()`。这些方法各有其特性和适用场景，理解它们的区别对于编写...
document.all与getElementById、getElementsByName、getElementsByTagName用法区别-document.all第1/2页
09-06
本文将深入探讨`document.all`与`getElementById`、`getElementsByName`、`getElementsByTagName`这四个方法的区别和用法。 1. `document.all` `document.all` 是一个数组集合，它包含了HTML文档中所有的元素，...
JavaScript — 原生对象和方法1
08-08
JavaScript 是一种广泛应用于Web开发的脚本语言，它在浏览器环境中与HTML和CSS紧密协作，提供了丰富的功能来操作页面和处理用户交互。在本篇文章中，我们将深入探讨JavaScript中的原生对象和方法，特别是与DOM操作...
javascript在IE和Firefox中兼容性问题
03-01
JavaScript是Web开发中不可或缺的一部分，尤其在处理动态交互和页面逻辑时。然而，由于不同的浏览器在实现JavaScript标准时可能存在差异，导致在不同浏览器之间存在兼容性问题。本篇将主要探讨JavaScript在Internet ...
getElementById()
weixin_30449453的博客
11-01 667
getElementById()：方法的用途是寻找一个有着给定id属性值得元素： element = document.getElementById(ID); 这个方法将返回一个有着给定id属性值得元素节点。如果不存在这样的元素，他返回null。这个方法只能用于document对象。 getElementById()方法返回的元素节点是一个对象，这个对象有着nodeName、node...
Get element by ID in SAPUI5
Solaris_navi Tech Space
04-27 1315
var homeItem = sap.ui.getCore().byId(current_pid); homeItem.destroy();
getElementById 使用
小牧在一直在学习,在前进的道路上大家一起学习，进步。
06-11 2663
getElementById() 方法可返回对拥有指定 ID 的第一个对象的引用 里面跟着的必须是元素ID属性值,如果class的值是不可以的 一个小demo <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)&l...
java getelement,Java DOM getElementByID
weixin_33229152的博客
02-16 146
I am using DOM parser in Java to add child nodes into existing nodes.My XML iscenternull#90909025Is there any way to directly add child nodes under existing ones? Can I use something like this?Node my...
getElementById( ) 方法
m0_57835615的博客
05-28 6500
1.getElementById( )方法 getElementById() 方法返回带有指定 ID 的元素 语法格式：
getElementById用法
liuzp111的专栏
04-09 990
这标题 点击标题，会提示出它的值。
javascript的getElementById()的应用
玮小尘
12-22 523
getElementById //输出标签的value的属性 var inputElement=document.getElementById("tid"); alert(inputElement.value); //输出标签的type属性的值 alert(inputElement.type); 注：id的属性是唯一的
JavaScript getElementById()方法介绍
路虽远，行则必至！
06-25 5万+
getElementById() 根据元素的 id 属性获取一个元素节点对象 getElementById()可以根据元素的 id 属性获取一个元素节点对象，该方法所有浏览器均可使用 返回带有指定 ID 的元素，如下图： 我们可以通过 innerHTML 属性(获取或者设置元素的内容(包含 HTML 标签 解析))，如下图： 我们可以通过 innerText 属性(获取或者设置元素的内容 ...
元素获取与设置
gergerfrgegregfd的博客
06-24 6119
一、获取元素有三种DOM方法可以获取元素节点,分别是元素ID,标签名字,类名字1.getElementById:区分大小写,名字要写对. document.getElementById(id). 返回一个对象,对应着document对象里一个独一无二的元素. alert(typeof document.getElementById('content')) 2.getElementsByTagName:返回一个数组对象,对应着文档里有着给定标签的一个元素.alert(d...
getElementsByTagName()和getElementsByName()和getElementsByClassName()
最新发布
08-18
getElementsByTagName()、getElementsByName()和getElementsByClassName()都是JavaScript中的DOM方法，用于获取HTML文档中的元素节点。 getElementsByTagName()方法返回一个包含指定标签名的HTML元素的集合。例如，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值