JavaScript 获取属性的值

深藏阁楼爱情的钟 2022-07-13 05:49 123阅读 0赞

<!DOCTYPE html>
    <html>
    	<head>
    		<title>Get Elements</title>
    		<meta charset="utf-8" />
    	</head>
    	<body>
    		<a id='baidu'><b>百度一下，你就知道</b></a>
    		
    		<div class="poem">记住爱</div>
    		<div class="poem">记住时光</div>
    		<div class="poem">记住我们共同走过的岁月</div>
    		
    		<span name="song">Best Friend</span>
    		<span name="song">All of me</span>
    		<span name="song">Let her go</span>
    		</span>
    	</body>
    	<script>
    		//将id='baidu'的内容获取到，并保存到一个变量中
    		var baidu = document.getElementById('baidu');
    		//打印baidu
    		//alert(baidu);这样打印，会发现什么都没有
    		alert(baidu.innerHTML);//输出结果<b>百度一下，你就知道</b>
    		alert(baidu.innerText);//百度一下，你就知道
    		
    		//打印poem
    		var poem = document.getElementsByClassName('poem');
    		alert(poem[0].innerHTML);//记住爱
    		alert(poem[1].innerHTML);//记住时光
    		alert(poem[2].innerHTML);//记住我们共同走过的岁月
    		
    		//获取song的内容
    		//查找的内容显示在浏览器中
    		var aSong = document.getElementsByName('song');
    		alert(aSong[0].innerText);//Best Firend
    		alert(aSong[1].innerText);//All of me
    		alert(aSong[2].innerText);//Let her go
    	</script>
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，123人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript技巧：获取变量的值

在JavaScript编程中，有时我们需要获取变量的值以进行进一步的处理或显示。本文将介绍几种常用的方法来获取JavaScript中变量的值，并提供相应的源代码示例。方法一

谁践踏了优雅/ 2023年10月16日 17:28/ 0 赞/ 67 阅读

相关反射获取属性和值

using System; using System.Collections.Generic; using System.Linq; using

太过爱你忘了你带给我的痛/ 2022年11月21日 11:48/ 0 赞/ 177 阅读

相关 JavaScript 获取属性的值

<!DOCTYPE html> <html> <head> <title>Get Elements</title> <meta

深藏阁楼爱情的钟/ 2022年07月13日 05:49/ 0 赞/ 124 阅读

相关 java获取对象属性类型、属性名称、属性值

/ 根据属性名获取属性值 / private Object getFieldValueByName(String fiel

刺骨的言语ヽ痛彻心扉/ 2022年06月13日 00:18/ 0 赞/ 410 阅读

相关 ArcGIS API for JavaScript——获取FeatureLayer的属性值

ArcGIS API for JavaScript——获取FeatureLayer的属性值当我们将一个图层发布为服务后，在JS代码中想取到图层里面的数据该怎么做呢？在下

迷南。/ 2022年06月08日 10:43/ 0 赞/ 164 阅读

相关 jquery 获取data-* 属性值

`data-`自定义数据属性 > HTML5规定可以为元素添加非标准型的属性，只需添加前缀data-，这些属性可以随意添加，随意命名，目的是为元素提供与渲染无关的信息，或

男娘i/ 2022年05月23日 00:41/ 0 赞/ 492 阅读

相关 springBoot属性文件中的值获取

1、使用springBoot中自带的属性文件application.properties datasource.driverName=com.mysql.jdbc.D

╰半橙微兮°/ 2022年05月06日 11:00/ 0 赞/ 252 阅读

相关 Java反射获取JavaBean的属性值或者设置属性值

import java.lang.reflect.Field; import java.util.ArrayList; import java.util

桃扇骨/ 2022年04月14日 02:51/ 0 赞/ 396 阅读

相关 JSON获取属性值

一.通过对象名.属性名 var obj = '{"name":"hq.zheng", "age":"18"}'; var data = eval('('+ o

痛定思痛。/ 2022年04月13日 05:15/ 0 赞/ 117 阅读

相关原生js设置属性值和获取属性值

var testEle = document.getElementById("test") testEle.setAttribute(

本是古典何须时尚/ 2022年01月22日 01:39/ 0 赞/ 280 阅读