關於動態創建輪播圖所用的知識點是關於JS中節點的操作和JS中屬性的操作。
關於JS中的效果圖，首先我們需要考慮圖片和輪播圖圖標怎麼能結合在一起。
我們需要那些元素。在這裏我呢，就簡單介紹一下。
一、設置屬性節點的樣式。在父元素box後面添加一個div，現在style 中設置div的樣式。
二、我所做的是插入6張圖片，然後在圖片上動態創建小圓點。
三、ＪＳ部分獲取父元素。然後自父元素後面插入一個div元素。然後用元素節點能夠利用的設置屬性的方式，分別是
setAttribute getAttribute removeAttribute("屬性”，“值”） 他們不屬於document對象所以只能由元素節點調用的函數。document對象操作的是整個dom樹的元素有三種獲取元素的方法分別是getElmenById getElementsByTagName 還有獲取元素的class屬性的方法。getElementByClassName.同時我們會想一下ＪＱｕｅｒｙ中獲取元素的方式是什麼，又是如何操作dom 元素的屬性的呢？
jquery提供大量的選擇器供給我們使用，其中很大一部分是ＣＳＳ選擇器的繼承，使得我們更加方便的操作，html中的元素，jquery中的選擇有基本選擇器（通過ＩＤ 通過類獲取元素使用的比較多）層次選擇器（>子選擇器 空格是後代選擇器）過濾選擇（：first :last :even :eq(index)) 還有內容過濾選擇器（:contains(text) :empty :parent)等等。除了這些最近很火的H5也有屬於自己的API通過 document.querySelector document.querySelectorAll( )獲取元素。我們要學會區分它們的差異和共性。
上面說的是那麼多，就是一點，我們網頁執着離不開dom樹中的元素，要讓給他們設置我們的樣式和功能，第一步是要獲取他們。
三、我們這裏設置加入了div 元素節點之後，給他設置.circle的樣式。然後遍歷lis，在沒添加一個lis的情況下都會新增一個
div下的span子節點。通過innerHTML給節點傳遞內容。innerHTML是給雙標籤傳遞或者獲取值，而.value是給input等單標籤獲取值。獲取div下的 span元素然後給該元素第一個子節點添加樣式current;
