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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在js中, 怎么往span标签里放值进去?相关的知识,希望对你有一定的参考价值。

<span id="a"></span>在js方法中获取到span标签
var a=window.document .getElementById ("a");
再怎么往span标签里放值进去?

第一种方法:输出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

参考技术A 如果用原生的就可以这样写:
var ele=window.document .getElementById ("a"); #获取span标签
ele.innerHTML = "在这里放值";
如果有jquery的话就非常简单了。
1、给<span>标签一个id="ray",这个可以随便写,唯一就行。
2、$("#ray").text("像放的内容");
建议使用jquery写,这样可以很好解决浏览器间的兼容性。
参考技术B 其实你可以不用写var a=window.document .getElementById ("a");这行代码 可以直接用id点...的写法 如 a.innerHTML='加入到span里面的标签和内容'; 如: a.innerHTML="<H1>您好</H1>";
a.innerText = '加入到span里面的文本不包含HTML标签'; 如:a.innerText = '您好';
参考技术C a.innerHTML="xxxx"; 参考技术D var a=window.document .getElementById ("a");
a.innerHTML = "在这里放值";本回答被提问者采纳

怎么用JS改变<span>标签中的值

<script type="text/javascript">            <!--                function Checkorderuser(obj)                   if (obj == "")                        document.getElementById("span_id").innerHTML = "订花人不能为空";                                                 //-->            </script>订花人姓名:<input type="text" id="orderuser" onblur="Checkorderuser(this.value)"/><span id="span_id" >*</span>我这样能不能改变<span>中的值??

你这样可以改变<span>中的值,此为测试页面,你的代码可以正常运行。

另外,javascript部分我为你完善了一下,让用户填写东西以后,"订花人不能为空"这句话变回"*"。

圈起来的部分是我添加的代码。

如图,现在不输入姓名,后面提示"订花人不能为空"

输入以后变成"*"

参考技术A 在js工作环境中输入更改程序即可改变span标签中的值。具体操作方法:1、打开js执行工作环境。2、选择要更改值的span。3、输入程序: else va[0].innerhtml = "要改的值".length > 1)。 for(i=0。i原来的值 function sp()。 var va = document.getelementsbytagname(")。 参考技术B <script>
    function sp()
        var va = document.getElementsByTagName("span");
        if(va.length > 1)
            for(i=0; i<va.length; i++)
                va[i].innerHTML = "要改的值";
            
        else
            va[0].innerHTML = "要改的值";
        
    
</script>

<span>原来的值</span>

参考技术C document.getElementById('id').innerHtml = 'abc';
这样可以修改span中的内容。
参考技术D <span>放到input里面是错的本回答被提问者采纳

以上是关于在js中, 怎么往span标签里放值进去?的主要内容,如果未能解决你的问题,请参考以下文章

在js或jquery中,我要清除里面的span标签,但是里面还有a标签,我要保留a标签删除span

当span标签内容改变时如何触发一个函数

怎么利用js取下面的span值,

js获取值,动态添加到span标签中

如何用js将一个<span>中的内容加入到另一个<span中>

js控制span显示隐藏