在js中, 怎么往span标签里放值进去?

在js中, 怎么往span标签里放值进去?,第1张

第一种方法:输出html

1、<body onload="s()">

2、<span id="hello"></span>

3、<script language="javascript">

4、function s()

5、{document.getElementById("hello").innerHTML = "<iframe src= height=400 width=300></iframe>"}

 6、</script>

第二种方法:输出文本

1、<body onload="s()">

2、<span id="hello"></span>

3、<script language="javascript">

4、function s()

5、{document.getElementById("hello").innerText = "hello world"}

6、</script>

在页面加载完成后通过jquery给多个span赋值

扩展资料

JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。

Javascript脚本语言同其他语言一样,有它自身的基本数据类型,表达式和算术运算符及程序的基本程序框架。Javascript提供了四种基本的数据类型和两种特殊数据类型用来处理数据和文字。而变量提供存放信息的地方,表达式则可以完成较复杂的信息处理。

参考资料:百度百科-javascript

你这个问题涉及到CSS选择器,你现在设置的是元素选择器:span,你要每个span不同的话,按照你现在的代码,最简单的就是用 ID 选择器就行了,其中,你的 span 的 id 命名必须使用英文字母开头,不能用数字开头,可以换成 id="d1" 这样 , d1 ,d2 ,d3 ,另外,一个网页中,id 具有唯一性,不要为元素赋予相同的 id ,虽然不会报错,但是后面的不会生效。你的代码改为:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>span标签和字符实体</title>

<style type="text/css">

#d1{color: red}

#d2{color: #000}

#d3{color: #f0f}

</style>

</head>

<body>

<span id="d1">html中预留字符必须替换成字符实体</span><br>

<span id="d2">html中预留字符必须替换成字符实体</span><br>

<span id="d3">html中预留字符必须替换成字符实体</span><br>

</body>

</html>

'------------------------------

其中,颜色值 RGB 中,其中的两位数字都相同的话,可以简写为一位,#000 相当于 #000000

#f0f 相当于 #ff00ff 。

最后,建议多去 w3school 查查资料:网页链接 ,这里比较全。

js给span添加index方法如下:

具体方法:

1、使用span标签创建一块区域,,设置span标签的id为myid。

2、在js中,通过id获得span对象,通过给innerHTML赋值,实现给span添加内容。

如果元素的id没有被命名,那么可以用for循环的方式给元素的id从0开始赋值,作为元素的编号。


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

原文地址:https://54852.com/bake/11921429.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-19
下一篇2023-05-19

发表评论

登录后才能评论

评论列表(0条)

    保存