JS函数&DOM

Posted 2020-10-08 _Iniesta

函数

<script>
    var time = new Date();//显示全部日期
//    document.write(time);
    var year = time.getFullYear();//显示年
//    document.write(year);
    var mon = time.getMonth()+1;//显示月份
//    document.write(mon);
    var a = Date();//显示全部日期
//    document.write(a);
    var sx = Math.random();//显示0-1的随机数
    var sx_x=parseInt(sx*10);//显示0-10的随机数，parsenInt去除小数
    var ssxx=["A","2","C","4","E","6","G","8","I","10"]
//    document.write(ssxx[sx_x]);
    
    var ab = " ab cd efg ";
//    document.write(window.location);
    var abc =ab.split("d");//以d为分隔符，分成两个字符串的数组；
    var a =ab.substr(5,7);//取5号位往后到7号位的值
    var b =ab.substring(5,7);//取5号位往后的7个值
//    document.write(a);
//    document.write("<br />");
//    document.write(b);
    var c =ab.trim();//去除字符串前后的空格
//    document.write(c);
    var d =ab.toUpperCase();//显示大写
    var e =ab.toLowerCase();//显示小写
//    document.write(d);
//    document.write(e);
    var f =ab.replace("ab","QAZ");//后替换前
//    document.write(f);
</script>

DOM

<script>
//    DOM Document(文档)    Object(对象)    Model(模型)
//    <1>
    var div1 = document.getElementById("div1");//从这个id获取元素
//        alert(div1);//object htmlDivElement获取了一个div元素的对象
    var div2 =document.getElementsByClassName("div2")[0];
//        alert(div2);
//    var div3 =document.getElementsByTagName();标签选择器
//    var div4 =document.getElementsByName()name选择器

//    <2>
//    改内容
    div1.innerHTML = "<b>加粗</b>";//读取标签
    div2.innerText = "<b>加粗</b>";//文本
//    改样式
    div1.style.color="rgba(255,0,0,0.5)";
    div2.style.fontSize="30px";
//    改属性
    div1.setAttribute("calss","class1");//可以直接在style标签内修改class1
    div1.setAttribute("style","border: 1px solid rgb(255,0,0);");//添加属性
    div1.removeAttribute("style");//删属性
//    添加事件
    div1.onclick= function(){
        document.write("ABC");
        div1.setAttribute("","");//点击变成此标签
    }
//    造元素
    var div3 =document.createElement("div");
    div3.innerHTML="ABCDE";
    document.body.appendChild("div3");//添加到body
    document.body.removeChild("div3");//删除
</script>