没有合适的资源?快使用搜索试试~ 我知道了~
js技术中document对象技术汇总
需积分: 15 1 下载量 117 浏览量
2011-05-06
14:17:36
上传
评论
收藏 2KB TXT 举报
温馨提示
试读
2页
js技术中document对象技术汇总及产用方法的使用,带有例子
资源推荐
资源详情
资源评论
document的方法
往页面写入内容write(str)
writeln带回车
广告代码的例子:http://heima8.com注册一个账户,申请一个广告代码,然后放到页面中整合资源例子;
百度新闻 httP://news.baidu.com/newscode.html
百度新闻代码相当于页面中潜入另外一个网站的js文件,js文件就是一个大的write语句,这样的好处就是主页面用写死内容,被嵌入的js内容编了嵌入的内容就变了。
getElementByid()通过元素的id获得标签对象,网页中id不能重复,也可以直接通过元素的id来引用元素。但是有有效范围、from.textbox1之类的问题,因此不建议直接通过id操作元素,而是通过getElementById
getElementsByname,根据元素的name获得对象,由于页面中元素的name可以重复,比如多个radiobutton的那么一样,因此getElementByname返回值是对象数组】
getElementsByTagName获得指定标签名称的元素数组,比如getElementByTagName("p")可以获得所有的<p>标签。
input.onClick=btnClick;给控件赋事件
window.event.srcElenent取得引发事件的控件
document动态创建createElement方法创建具有指定标签的DOM对象,然后通过调用某个元素的appendChild方法将新
创建的元素添加到相应的元素下
例子:
function showit(){
var divMain=document.getElementById("divMain");
var btn=document.createElement("input");
btn.type="button";
btn.value="我是动态的!";
divMain.appendChile(btn);
}
<div id="divMain"></div>
<input type="button" value="ok" onclick="showit()"/>
往页面写入内容write(str)
writeln带回车
广告代码的例子:http://heima8.com注册一个账户,申请一个广告代码,然后放到页面中整合资源例子;
百度新闻 httP://news.baidu.com/newscode.html
百度新闻代码相当于页面中潜入另外一个网站的js文件,js文件就是一个大的write语句,这样的好处就是主页面用写死内容,被嵌入的js内容编了嵌入的内容就变了。
getElementByid()通过元素的id获得标签对象,网页中id不能重复,也可以直接通过元素的id来引用元素。但是有有效范围、from.textbox1之类的问题,因此不建议直接通过id操作元素,而是通过getElementById
getElementsByname,根据元素的name获得对象,由于页面中元素的name可以重复,比如多个radiobutton的那么一样,因此getElementByname返回值是对象数组】
getElementsByTagName获得指定标签名称的元素数组,比如getElementByTagName("p")可以获得所有的<p>标签。
input.onClick=btnClick;给控件赋事件
window.event.srcElenent取得引发事件的控件
document动态创建createElement方法创建具有指定标签的DOM对象,然后通过调用某个元素的appendChild方法将新
创建的元素添加到相应的元素下
例子:
function showit(){
var divMain=document.getElementById("divMain");
var btn=document.createElement("input");
btn.type="button";
btn.value="我是动态的!";
divMain.appendChile(btn);
}
<div id="divMain"></div>
<input type="button" value="ok" onclick="showit()"/>
资源评论
chenhao19860319
- 粉丝: 1
- 资源: 4
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- C语言基础-C语言编程基础之Leetcode编程题解之第39题组合总和.zip
- C语言基础-C语言编程基础之Leetcode编程题解之第38题外观数列.zip
- C语言基础-C语言编程基础之Leetcode编程题解之第37题解数独.zip
- C语言基础-C语言编程基础之Leetcode编程题解之第36题有效的数独.zip
- C语言基础-C语言编程基础之Leetcode编程题解之第35题搜索插入位置.zip
- index.wxml
- C语言基础-C语言编程基础之Leetcode编程题解之第33题搜索旋转排序数组.zip
- 基于Python实现的手写数字识别系统源码.zip
- 从网页提取禁止转载的文字
- C语言基础-C语言编程基础之Leetcode编程题解之第32题最长有效括号.zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功