javascript 怎么给标签里面添加id

javascript 怎么给标签里面添加id,第1张

举例:比如有个div,需要给它增加id:

<div>good</div>

1、首先获取元素:var divObj = document.getElementByTag("div")[0]

2、设置id属性:divObj.setAttribute("id","divId")

或者divObj.id='divId'

利用JavaScript动态添加Div的方式有很多,一下是个比较常用的。

一、在一个Div前添加Div

二、使用js动态创建div

扩展资料:

JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。

是一种解释性脚本语言(代码不进行预编译)。

主要用来向HTML(标准通用标记语言下的一个应用)页面添加交互行为。

可以直接嵌入HTML页面,但写成单独的js文件有利于结构和行为的分离。

跨平台特性,在绝大多数浏览器的支持下,可以在多种平台下运行(如Windows、Linux、Mac、Android、iOS等)。

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

<input type="button" value="插入元素" id="btn1"/><br />

<div id="div1"> 

    <div id="1">1</div> 

    <div id="2">2</div> 

    <div id="3">3</div> 

</div> 

<script type="text/javascript">

window.onload = function () { 

var btn = document.getElementById("btn1") 

btn.onclick = function() { 

insertEle() 

}

function insertEle() { 

var oTest = document.getElementById("div1")

var newNode = document.createElement("div")

var reforeNode = document.getElementById("2")

oTest.insertBefore(newNode,reforeNode.nextSibling)

}

</script>


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存