首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

怎么用js实现点击标签之后改变标签

2012-09-04 
如何用js实现点击标签之后改变标签例如当点击a href“#”click/a之后 该标签变为strongclick/strong

如何用js实现点击标签之后改变标签
例如当点击<a href=“#”>click</a>之后 该标签变为<strong>click</strong>

[解决办法]
var v = document.getElementById("a标签的ID").value; 
document.getElementById("a标签的ID").value ="<strong>"+ v + "</strong>";


或者直接像楼上那样改变css属性。当然,如果是添加其他css不能修改的标签,就用我给的那个办法吧
[解决办法]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Untitled</title>


<script>
function changeTag(){
/*
删除原有标签函数
*/
var tag=document.getElementById("test");
for (var i=0; i<tag.childNodes.length; i++) {
 var childNode = tag.childNodes[i];
 tag.removeChild(childNode);
 createNewTag();//调用创建标签函数
}
}
function createNewTag(){
/*
创建新的标签函数
*/
var createTag = document.createElement("DIV");
createTag.setAttribute("id","createTag");
document.getElementsByTagName("body").item(0).appendChild(createTag);
var htmlstr = ""; 
htmlstr += "<strong>click</strong>"
document.getElementById("createTag").innerHTML = htmlstr ;

}
</script>
</head>

<body>
<div id="test">
<a href="#" onclick="changeTag()">click</a>
</div>

</body>
</html>

[解决办法]

探讨

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Untitled</title>


<script>
function changeTag(){
/*
删除原有标签函数
*/
var tag=document.getElementById("test……

[解决办法]
[code=HTML][/code]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Untitled</title>


<script>
function changeTag(){
/*
删除原有标签函数
*/
var tag=document.getElementById("test");
for (var i=0; i<tag.childNodes.length; i++) {
 var childNode = tag.childNodes[i];
 tag.removeChild(childNode);
 createNewTag();//调用创建标签函数
}
}
function createNewTag(){
/*
创建新的标签函数
*/
var createTag = document.createElement("DIV");
createTag.setAttribute("id","createTag");
document.getElementsByTagName("body").item(0).appendChild(createTag);
var htmlstr = ""; 
htmlstr += "<strong>click</strong>"
document.getElementById("createTag").innerHTML = htmlstr ;

}
</script>
</head>

<body>
<div id="test">
<a href="#" onclick="changeTag()">click</a>
</div>

</body>
</html>

热点排行