js模版使用

<div></div>

<script type="text/html" id="javascript_template">

<div onclick="_dom()">

    <ul id="wrap">

        <li>1</li>

        <li>2</li>

        <li>3</li>

        <li>4</li>

    </ul>

</div>

</script>

1.首先這種寫，在頁面渲染的時候，瀏覽器不會讀取script標籤中的html代碼

2.外面不能獲取到裏面的div節點

因此： 

       在使用時，要在script標籤上加個ID能夠供咱們找到它，

       即然作模版用，且裏面的html代碼不會被渲染讀取，則需在外面再新建一個div來當容器，裝下這些html代碼，

       即咱們能夠經過
                             var _html=document.getElementById('javascript_template').innerHTML;

                             document.getElementsByTagName('div')[0].innerHTML=_html;

      而後咱們模版裏的htmll代碼就能夠運行在頁面中了;

 

若是遇到html代碼加入外部div後，獲取不到節點的狀況，能夠在外部寫個函數，而後在html內部用行內調用 onclick="_dom()"

function _dom() {

                        document.getElementById('wrap')

                      }