                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /jQuery基础课程

请教一个问题，纯JS这样写有什么问题么？

听心上的潮汐

2015-05-31

源自：jQuery基础课程 5-6

关注问题我要回答

546

操作

收起

4 回答

天外飞熊
2015-06-02

只要在getElementsByTagName("div")后面加个[0]就可以了，因为getElementsByTagName获取的是对象数组，不是对象。

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>appendTo()方法插入内容</title>
        <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
        <link href="style.css" rel="stylesheet" type="text/css" />
    </head>

    <body>
        <h3>appendTo()方法插入内容</h3>
        <div>
            <span class="green">小乌龟</span>
        </div>

        <script type="text/javascript">
            var myhtml = document.createElement("span");
            myhtml.setAttribute("class","red");
            var yourhtml=document.getElementsByTagName("div")[0];
            yourhtml.appendChild(myhtml);
        </script>
    </body>
</html>

0 回复有任何疑惑可以回复我~

收起回答

听心上的潮汐提问者

哈哈哈~谢谢谢谢~我明白了~

2015-06-03 回复有任何疑惑可以回复我~

听心上的潮汐提问者
2015-06-01

谢谢！问题解决了~

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>appendTo()方法插入内容</title>
        <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
        <link href="style.css" rel="stylesheet" type="text/css" />
    </head>

    <body>
        <h3>appendTo()方法插入内容</h3>
        <div id="your">
            <span class="green">小乌龟</span>
        </div>

        <script type="text/javascript">
            var myhtml = document.createElement("span");
            myhtml.setAttribute("class","red");
            myhtml.innerHTML="小兔子";
            var yourhtml=document.getElementById("your");
            yourhtml.appendChild(myhtml);
        </script>
    </body>
</html>