把html中的代码转化为js代码 求指教啊 没有jQuery

 <div id="meas">      
         <!-- <input type="button" id="delMarker" onclick="deleteOverlays();" value="清除标记" /> -->
            距离：<span id="sRes">0.000</span>km     
    </div>  
    <div id="map" style="width: 100%; height: 100%"> </div>

首先是create;

function createTag(tagName){
return document.createElement(tagName);
}

function createDiv() {
var div = reateTag("div");
div.id = "map";
div.style.width = "100%";
div.style.heght = "100%";
return div;
}

以上就是创建div了。
如果你想把他插入body中
document.body.appendChild(createDiv());
如果你想把他插入到其他元素中也是appendChild方法就可以了。

如果有帮助，希望采纳

问的什么鬼。。html和js不是一个东西，转不了

应该转不了吧！不一样的东西

var measure = document.createElement("div");
measure.id = "meas";

    var delmeas = document.createElement("input")
    delmeas.style.width = "80px"
    delmeas.style.height = "20px"
    delmeas.type = "button"
    delmeas.id = "delMarker";
    delmeas.value = "清除标记";

   var range = document.createElement("span")
    range.id = "sRes";
    range.innerHTML = '0.000(appendChild)';
    document.getElementById("sRes").innerHTML += "<p>0.000</p>";
    document.body.appendChild(delmeas);
    document.body.appendChild(measure);

    measure.appendChild(delmeas);
    range.appendChild(measure);
            这是我写的还是有点错误，希望大家指教