在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

你可以结合 onselectstart和onmouseup这两个事件监听鼠标动作 。

致于插入span,可以使用:

var o = event.target || event.srcElement

来获得选中的文本所在的位置入的DOM,在这个DOM后面添加span标签就可以了。

你可以借助脚本框架来实现,例如JSer, jQuery等 都可以。

1、给span一个id,或者给一个特定的class使用jquery的id选择器或者类选择器

<span id="spId" class="content">ajlwe</span> var str=$("#spId").html()--通过id获取span,然后通过html()获取span里的内容

var str2=$("#spId").text()--通过id获取span,然后通过text()获取span里的内容

var str3=$(".content").html()--通过class获取span,然后通过html()获取span里的内容

var str4=$(".content").text()--通过class获取span,然后通过text()获取span里的内容

注:html()返回或设置被选元素的内容 (inner HTML);text()获取设置或返回被选元素的文本内容

有的时候无法取得值时,是因为html是从上往下解析的,在解析到js里的$("#spId")时,下面这个span还不存在,当然就取不到了。

js代码放在<span>下面解析时,span就有了。另外,jQuery的做法是用ready函数包含这些js代码,这样的话,就不存在位置的问题了,放到哪都可以。它的作用就是在加载完整个页面后才执行包含的js


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

原文地址: http://outofmemory.cn/bake/11274515.html

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

发表评论

登录后才能评论

评论列表(0条)

保存