一、訪問元素的屬性
A.核心Dom
1.獲得屬性值：getAttrbuite('屬性名')乌庶；
2.設置屬性： setAttribute('屬性名','值')；
3.移除屬性： removeAttribute('屬性名')赖欣；
4.判斷是否有屬性:hasAttribute('屬性名');
B.HTML Dom
le.屬性名
C.自定義屬性：
定義時： data-屬性名='值'；
訪問時:ele.dataset.屬性名；
案例
div屬性
<a >去百度</a>
<img src="home3.jpg">
<input type="" name="">
<p>自定義屬性</p>
script
獲取a標簽的href屬性
給a標簽設置一個屬性
var a=document.querySelector('a');
var attr=a.getAttribute('href');
console.log(attr);
給img移除title屬性
var img=document.querySelector('img');
img.setAttribute('title','這是一張圖');
console.log(img);
img.removeAttribute('src');
console.log(img);
判斷input中是否有placeholder屬性
var input=document.querySelector('input');
if(input.hasAttribute('placeholder')){
input.style.background='#f00';
}else{
input.setAttribute('placeholder','請輸入用戶名');
}
自定義屬性
var p=document.querySelector('p');
data-cont='這是p元素';
console.log(p.dataset.data-cont);
二、Dom中的增加和刪除
1.增加
1）增加一個空元素
var ele=document.createElement('ele');
2）給元素添加屬性
ele.屬性='值'
3）把元素追加到父元素下
father.appendChld(ele);
4)刪除元素
parent.removeChild(child);
案例
<div class='main'></div>
<script type="text/javascript">
var a=document.createElement('a');
a.href='http://www.baidu.com';
a.innerHTML='www.baidu.com';
document.querySelector('.main').appendChild(a);
var img=document.createElement('img');
img.src='home3.jpg';
document.querySelector('.main').appendChild(img);
// document.querySelector('.main').inserBefore('img','a');
console.log(img);
</script>
三幌墓、數(shù)學對象
Math
Math.max:求最大值
console.log(Math.max(1,2,3,4,5,6,7));
Math.min:求最大值
console.log(Math.min(1,2,3,4,5,6,7));
問題：不支持數(shù)組參數(shù)
解決：
Math.min.apply(null,[1,2,3])
Math.max.apply(null,[1,2,3])
Math.celi(15.4); //上取整
Math.floor(15.4);//下取整
Math.random()//0-1之間的隨機數(shù)
在min和max之間取隨機數(shù)
Math.floor(Math.random()*(max-min+1)+min);
Math.floor(Math.random() * 總數(shù) + 第一個值)
四.日期對象 Date
1.創(chuàng)建一個日期對象
var date=new Date();//獲取當前日期
2.創(chuàng)建一個日期對象，封裝自定義時間
var date=new Date('yy/MM/dd hh:mm:ss');
日期對象中封裝的是一個從1970年1月1日0點至今的毫秒數(shù)
3.日期對象API:
FullYear年 Month月 Date日期 Day星期 Hours時 Minutes分 Seconds秒 Milliseconds毫秒
如何獲取當前的年月日時分秒
setInterval(function(){
var now=new Date();
var year=now.getFullYear();
console.log(year);
var month=now.getMonth();
console.log(month+1);
var day=now.getDate();
console.log(day);
var week=now.getDay();
console.log(week);
var hour=now.getHours();
console.log(hour);
var mint=now.getMinutes();
console.log(mint);
var second=now.getSeconds();
console.log(second);
document.write('現(xiàn)在時間是'+year+'年'+month+'月'+day+'日,星期'+week+','+hour+'時'+mint+'分'+second+'秒');
document.querySelector('div').innerHTML='現(xiàn)在時間是'+year+'年'+month+'月'+day+'日,星期'+week+','+hour+'時'+mint+'分'+second+'秒';
},1000);
從出生到現(xiàn)在活了多少天
var borth=new Date('1992/04/02 00:00:00');
var now=new Date();
var day=(now-borth)/(10006060*24);
console.log(day);
