怎么用js实现点击标签之后改变标签
日期：2014-05-16 浏览次数：20661 次
如何用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>
------解决方案--------------------
------解决方案--------------------
[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>
例如当点击<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>
------解决方案--------------------
------解决方案--------------------
[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>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
