js知识点

最新推荐文章于 2023-12-23 11:09:23 发布

bobobe

最新推荐文章于 2023-12-23 11:09:23 发布

阅读量414

点赞数

分类专栏： javascript 文章标签： javascript

本文链接：https://blog.csdn.net/bobobe/article/details/43992053

版权

javascript 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

document指的是整个页面；

如果把特殊字符串 "*" 传递给 getElementsByTagName() 方法，它将返回文档中所有元素的列表，元素排列的顺序就是它们在文档中的顺序

要实现隐藏或显示：

先取出对象：var object = document.getElementById('ll');

隐藏：object.style.display='none';

显示：object.style.display='block';

innerHTML是指的标签内的内容比如:<a id='44'>内容</a> document.getElementById('44').innerHTML就是‘内容’；

vlaue属性指的是输入的内容比如：<input type="text" name="33" id="44"/> document.getElementById('44').value就是你输入这个输入框的内容；

className属性指的是class的名字；

id属性指的是id的名字；（用这两个属性时要先取出具有class或id的对象);

如果要点击页面的任何地方触发事件，就用document.οnclick=function(){};

document对象是一个跟当前文档相关的对象，拥有一些操作文档内容的功能，其功能上跟window对象差不多，因为window拥有一些操作浏览器窗口的功能。但是地位没有window对象高，window拥有其他所有根对象的引用，包括browser、navigator、location等等。
html元素对象和document元素对象是属于html文档的dom对象，你可以认为就是html源代码中那些标签所化成的对象。他们跟div select什么对象没有根本区别。

js中是无法获取class中的元素的，不像id一样。想获取class，需使用

1.function getElementsByClassName(n) {
2.    var classElements = [],allElements = document.getElementsByTagName('*');
3.    for (var i=0; i< allElements.length; i++ )
4.   {
5.       if (allElements[i].className == n ) {
6.           classElements[classElements.length] = allElements[i];
7.        }
8.   }
9.   return classElements;
10.}

setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。

setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。

<html>
<body>

<input type="text" id="clock" size="35" />
<script language=javascript>
var int=self.setInterval("clock()",50)
function clock()
  {
  var t=new Date()
  document.getElementById("clock").value=t
  }
</script>
</form>
<button οnclick="int=window.clearInterval(int)">
Stop interval</button>

</body>
</html>