通过ID获取元素 注:获取的元素是一个对象，如想对元素进行操作，我们要通过它的属性或方法。...

最新推荐文章于 2022-10-23 13:39:39 发布
最新推荐文章于 2022-10-23 13:39:39 发布
阅读量222 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/yongbin668/p/5592824.html
版权

通过ID获取元素

学过HTML/CSS样式，都知道，网页由标签将信息组织起来，而标签的id属性值是唯一的，就像是每人有一个身份证号一样，只要通过身份证号就可以找到相对应的人。那么在网页中，我们通过id先找到标签，然后进行操作。

语法:

 document.getElementById(“id”)

看看下面代码:

结果:null或[object HTMLParagraphElement]

注:获取的元素是一个对象，如想对元素进行操作，我们要通过它的属性或方法。

任务

在右边编辑器中，补充第10行代码，通过document.getElementById获取id为con的p标签。

第11行为输出获取的元素，看看结果是什么。

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>document.getElementById</title>
</head>
<body>
<p id="con">JavaScript</p>
<script type="text/javascript">
  var mychar=document.getElementById("con")        ;
  document.write("结果:"+mychar); //输出获取的P标签。 
</script>
</body>
</html>




转载于:https://www.cnblogs.com/yongbin668/p/5592824.html

weixin_30892987
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript 文档元素获取
m0_69120706的博客
05-12 1204
通过 id 获取文档元素 第一关：通过 id 获取文档元素 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>get element by id</title> </head> <body> <a id="a1" src="https://www.google.com">Goog
获取文档中的指定元素
很努力学习知识的博客
11-02 799
1.通过元素的ID属性获取元素 使用document对象的getElementsById()方法可以通过元素的ID属性获取元素。代码如下： document.getElementById(“userList”); 2.通过元素的name属性获取元素 使用document对象的getElementByName()方法可以通过元素的name属性获取元素。与getElementById()方法不同的是，...
获取元素的方式
m0_37850231的博客
09-12 101
* 根据id获取元素 * document.getElementById("id属性的值"); * 根据标签名字获取元素 * document.getElementsByTagName("标签的名字"); * 有的浏览器不支持, IE低版本的浏览器不支持,IE8以下的 * 根据name属性的值获取元素 * document.getElementsByName("name属性的值"); * 根据...
通过id获取input标签元素对象_学点新姿势: 通过DOM Clobbering 引发GMail的的XSS
weixin_39714275的博客
11-29 448
什么是AMP4EmailAMP4Email（也称为动态邮件）是Gmail的一项新功能，可使电子邮件包含动态HTML内容。尽管编写包含HTML标签的电子邮件已经存在了很多年，但通常情况下都是假定HTML只包含静态内容，即某种格式，和一些图像等，而没有任何脚本形式的存在。AMP4Email应该算是创新的更进了一层，它允许编写包含HTML标签的电子邮件并允许电子邮件中包含动态内容。在Google官方G ...
通过标签名获取input节点对象竟额外多个一个
m0_47743942的博客
10-23 194
在使用JS做下拉到底才能注册时，获取的input元素节点对象竟然多了一个
浅谈JS获取元素的N种方法及其动静态讨论
10-19
在JavaScript中，获取元素是前端开发中的基础操作，主要用于对网页元素进行操作，如更改样式、内容或事件处理。本文将深入探讨几种常用的JS获取元素的方法及其在动态和静态环境中的应用。 首先，`getElementById()`...
vue操作dom元素的3种方法示例
10-14
Vue提供了一个特殊属性`ref`，允许我们在组件实例中引用DOM元素或子组件。在模板中，给需要引用的元素添加`ref`属性，然后在Vue实例的`this.$refs`对象中就可以访问它。例如： ```html <div ref="myDiv"></div> ...
JavaScript获取页面元素的常用方法详解
10-16
2. **通过ID获取元素**： `getElementById()`方法是根据元素的ID获取特定元素的最直接方式： ```javascript var header = document.getElementById("header"); ``` 因为ID是唯一的，所以这个方法总是返回单个...
JavaScript中获取HTML元素值的三种方法
10-22
它通过指定的ID查找页面上的元素，因为ID应该是唯一的，所以返回的结果通常是一个元素。以下是如何使用此方法获取元素值的示例： ```javascript // 获取id为"myInput"的元素的值 var element = document....
vue.js click点击事件获取当前元素对象的操作
10-14
<img class="loadimg" :src="img.url" :data-id="img.id" alt="vue.js click点击事件获取当前元素对象的操作"> ``` 这里我们可以通过`$event`获取到触发事件的`<li>`元素，但如果我们想获取到被点击的`<img>`元素...
[DOM]获取元素：根据ID、标签名、HTML5新增的方法、特殊元素获取
「 虚幻私塾」
09-11 2347
目录*+++
js 访问html对象属性,javascript中js根据Id获取html标签对象的方法—-document.getElementById()你会用吗?...
weixin_29505121的博客
06-04 1719
摘要：下文讲述js中document.getElementById方法的使用说明,如下所示；document.getElementById方法功能说明根据html对象的id获取对象，此方法用于返回一个html对象document.getElementById方法语法:objectInfo = document.getElementById(oId);---------------参数说明----...
js中根据元素名获取对象，根据id获取等等。。。
热门推荐
Heihei 's note
04-04 3万+
获取：//根据ID获取 var aa = document.getElementById('bo')； //根据元素名获取 返回一个集合 var bb = document.getElementsByTagName('input'); 改变背景颜色：&lt;!doctype html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="ut...
对于用id可以直接获取对象的问题
weixin_43742121的博客
11-26 722
今天发现有一个新的发现， &lt;div id="demo"&gt;滴答滴答&lt;/div&gt; 在js中使用时可以直接这样使用 demo.innerHTML = "helloworld"; 在没有获取通过方法获取demo的情况下，可以直接用的id获取到的元素？ 然后从网上查了下， 为什么可以通过id直接访问对象，是因为所有的元素ID都相当于一个保存对象的全局变量。 通过id直接访问对象...
JavaScript中通过id获取标签元素的值和获取文本框的值
suxiaohanqi的专栏
02-23 2万+
form表单中有下面的代码：                     username   通过ID获取id值为username的文本框的方法为：         var username = document.getElementById("username").value; 通过id获取id值为namespan的标签的值的方法为：        var n
获取或操作DOM元素特性的几种方式
weixin_34344403的博客
11-29 161
通过元素的属性 可以直接通过元素属性获取或操作特性，但是只有公认的特性（非自定义的特性），例如id、title、style、align、className等，注意，因为在ECMAScript中，class是保留字（在ES6中成了关键字），所以就不能再用class这个属性名来表示元素的CSS类名了，只能换成className。 通过getAttribute()、setAttribute()、...
2020-09-27
m0_49986452的博客
09-27 192
### 代码 e.target 触发事件的节点 .mouseenter 事件类型:鼠标悬浮上时(hover) .click 事件类型:点击 .addEventListener(事件类型,事件处理函数,Boolean) 例 arEle.addEventListener("click", function () {},
3_1通过ID获取元素
he442334283的博客
06-12 427
using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Threading.Tasks; using Autodesk.Revit.Attributes; using Autodesk.Revit.DB; using Autodesk.Revit.UI; namespace _3_1通过ID获取元素 { [Transaction(TransactionMo.
Java用一行代码，实现提取List对象中的id到新List中
一火的专栏
10-12 1万+
Java用一行代码，实现提取List对象中的id到新List中，直接上代码。 List<Integer> userIds = users.stream().map(User::getId).collect(Collectors.toList()); 备注：这个会用到JDK8的新语法，所以JDK版本要是JDK8以上。 ...
extjs获取元素name属性值_JavaScript通过元素id和name直接获取元素对象
最新发布
06-07
如果你要根据元素的 name 属性值获取元素对象，可以使用如下代码： ``` var element = Ext.select('input[name="elementName"]').first(); ``` 其中，`elementName` 是元素的 name 属性值。这里使用了 ExtJS 中的 ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值