如何用js实现点击标签之后改变标签

例如当点击<a href=“#”>click</a>之后 该标签变为<strong>click</strong>

解决方案 »

  1.   

    a:visited {
      font-weight: bold;
    }
      

  2.   

    var v = document.getElementById("a标签的ID").value; 
        document.getElementById("a标签的ID").value ="<strong>"+ v + "</strong>";
    或者直接像楼上那样改变css属性。当然，如果是添加其他css不能修改的标签，就用我给的那个办法吧
      

  3.   

    修改第二句，应为：document.getElementById("a标签的ID").innerHTML ="<strong>"+ v + "</strong>";
      

  4.   

    <!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>
      

  5.   

    <!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>