首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

JS获取html对象几种方式说明

大家好,又见面了,我是全栈君 document.getElementById(“zx”); 通过ID获取html元素对象,ID号在html文档当中应该是唯一。返回是唯一element对象。...document.getElementsByTagName(“span”)[0]; 通过标签查找html对象,由于html标签在一个页面中可能重复很多次,所以当前页面返回是一个数组。...document.getElementsByName(“hh”)[0]; 通过name属性来定位html对象,但是并不是所有标签都有name属性,但是我们可以人为加上name属性,这样也可以定位到,由于...所以这个方法返回也是一个数组,同样我们也可以根据html当中name位置,进行对name定位。IE系列不兼容,不推荐使用。...innerHTML:这个方法是获取html元素具体html代码 document.getElementById(“zx”).innerHTML; 还可以更新元素html代码: document.getElementById

4.7K20

js获取html元素之document.documentElement

document.documentElement Document.documentElement 是一个会返回文档对象(document)根元素只读属性(如HTML文档 元素)。...对于任何非空 HTML 文档,调用 document.documentElement 总是会返回一个 元素,且它一定是该文档根元素。借助这个只读属性,能方便地获取到任意文档根元素。...参考文档 html中document.body 与 document.documentElement区别如下: 1. document.body 返回html dom中body节点 即...2. document.documentElement 返回html dom中root根节点 即 页面指定了 DOCTYPE 时,使用 document.documentElement,...以HTML超文本标记语言为例:整个文档根可在DOM中使用document.documentElement来访问它,它就是整个节点树根节点。

6.8K30

如何用 JS 一次获取 HTML 表单所有字段 ?

---- 问:如何用 JS 一次获取 HTML 表单所有字段 ?...考虑一个简单 HTML 表单,用于将任务保存在待办事项列表中: 用户名 <input type="text" id...用户单击“提交”按钮后,我们如何从此表单中获取所有数据? 有两种方法:一种是用黑科技,另一种是更清洁,也是最常用方法。为了演示这种方法,我们先创建form.js,并引入文件中。...从事件 target 获取表单字段 首先,我们在表单上为Submit事件注册一个事件侦听器,以停止默认行为(它们将数据发送到后端)。...总结 要从HTML表单中获取所有字段,可以使用: this.elements或event.target.elements,只有在预先知道所有字段并且它们保持稳定情况下,才能使用。

5K20

100JS实现HTML53D贪吃蛇游戏

js1k.com收集了小于1kjavascript小例子,里面有很多很炫很酷游戏和特效,今年规则又增加了新花样,传统classic类型基础上又增加了WebGL类型,以及允许增加到2K++类型,多次想尝试提交个小游戏但总无法写出让自己满意还能控制在这么小字节范围...自己写不出来,站在巨人肩膀总是有机会吧,想起《基于HTML5电信网管3D机房监控应用》这篇提到threejs,babylonjs和Hightopo几种基于WebGL3D引擎,突然想挑战下自己实现个...100JS3D小游戏,折腾了一番最终采用Hightopo搞了个3D贪吃蛇游戏,算了算JS代码还只有90来,终于满足了自己小小心愿写完这篇可以满意去睡觉了。...传统2D贪吃蛇游戏一般通过方向键盘控制蛇前进方向,我一开始就想定位可运行在平板上Touch交互,所以不考虑键盘操作交互方式,采用完全用点击方式来控制,通过HTg3d.getHitPosition...'touchstart' : 'mousedown',  90来所有JS源代码如下,各位游戏高手不要喷我,肯定很多人可以写得更精炼,但我只想通过这个玩一玩3D,HTML5和WebGL,包括给整天搞企业应用自己换换脑子思考些新元素

2.2K100

100JS实现HTML53D贪吃蛇游戏

js1k.com收集了小于1kjavascript小例子,里面有很多很炫很酷游戏和特效,今年规则又增加了新花样,传统classic类型基础上又增加了WebGL类型,以及允许增加到2K++类型,多次想尝试提交个小游戏但总无法写出让自己满意还能控制在这么小字节范围...自己写不出来,站在巨人肩膀总是有机会吧,想起《基于HTML5电信网管3D机房监控应用》这篇提到threejs,babylonjs和Hightopo几种基于WebGL3D引擎,突然想挑战下自己实现个...100JS3D小游戏,折腾了一番最终采用Hightopo搞了个3D贪吃蛇游戏,算了算JS代码还只有90来,终于满足了自己小小心愿写完这篇可以满意去睡觉了。...以下先上一段最终3D游戏在平板上运行交互视频效果: http://v.youku.com/v_show/id_XNjgxMzIxOTcy.html 传统2D贪吃蛇游戏一般通过方向键盘控制蛇前进方向...90来所有JS源代码如下,各位游戏高手不要喷我,肯定很多人可以写得更精炼,但我只想通过这个玩一玩3D,HTML5和WebGL,包括给整天搞企业应用自己换换脑子思考些新元素。

1.9K50

200Html5+CSS3+JS代码实现动态圣诞树

一、前言 最近CSDN热榜出现了很多用Python、C/C++等编程语言实现圣诞树,发现很少用前端,这篇文章用前端三大杀手Html5、CSS、Js来实现动态圣诞树。...,在JS代码第五内更改内容 树动态旋转通过js实现、主干是html5、样式CSS 三、步骤 1.下载VSCode 下载链接:VSCode 在Hbuilder、idea运行也是可以,这里推荐使用...VSCode新建三个文件 index .html domtree.css domtree.js (文件名字要和这个一样,不然会出错),保存别忘了 对于文件层级问题,三个index .html...,拉动就可以选择不同颜色背景 添加音乐: 在index.html代码中第23添加下列代码:...: 圣诞树上面的卡片是由不同类型,有的卡片可以下拉查看下面的内容 圣诞树上面的卡片是可以修改内容,在JS代码第五const greetings = [ ]修改,把里面的内容换成你想要就行

4K20
领券