在javascript中document.write可不可以向指定ID的DIV中写入内容?

JavaScript012

在javascript中document.write可不可以向指定ID的DIV中写入内容?,第1张

不可以。document.write只能是整个页面文档输出,无法指定固定节点输出。

如果要往指定ID的DIV中写入内容,可以通过innerHTML属性。

比如

<div id='test'>111</div>

<script>

  var d = document.getElementById('test')//通过id获取div节点对象

  d.innerHTML = d.innerHTML + '22323'//在div中追加内容22323

</script>

你好!

1.这样点击是可以的。

2.有两种方式可以为这个a标签绑定单击事件:一种是在写入a标签的同时,直接进行绑定,也就是在a标签中设置onclick="函数"的方式;另一种是通过jQuery的on函数进行事件绑定;

3.代码片段:

html片段

   <div id="dv"></div>

   <input type="button" id="btn" value="按钮" />

js片段

    function test(){

        alert($("#test").text())

        return false

    }

    $(function(){

        $("#btn").click(function(){

            //第一种方式

            $("#dv").html().append(

                "<a id='test' onclick='test()'>第一种方式</a>"

            )

            

            //第二种方式

            var $a = $("<a id='test'>第二种方式</a>")

            $a.on("click", test)

            $("#dv").html().append( $a )

        })

    })

4. 看到你问题里面的描述,这个需求的前提需要预先定义好一个id,从而方便向div进行追加,以及进行函数内的处理,多少有些不够灵活。

如果追加出来的a标签,仅仅是处理与自身相关的内容,可以通过传入this参数,来获取自身对象,这样一来就可以抛开id的限制。比如:

function test(obj) {

   alert($(obj).text())

   return false

}

$(function(){

    var count=1

    $("#btn").click(function(){

        $("#dv").append("<a id='a_"+count+"' onclick='test(this)'>a_"+count+"</a><br/>")

    })

})

希望对你有帮助!

换个思路,给目标标签使用相同class,然后通过getElementsByClassName选择。

看你怎么选了:

用CSS,以后写一句JS。

用ID,然后写多句JS。