div当作document

2024-09-01

简化document.createElement("div")动态生成层方法

我们在WEB开发时,很多时候往往需要我们 JavaScript 来动态建立 html 元素,动态的设置相关的属性.比方说我们想要建立一個 div 层,则可以使用以下代码实现. 一.直接建立function Button1_onclick() //直接采用代码建立一个DIV{ var newElement = document.createElement('div'); var newText = document.createTextNode('这是新建立 div 中的文字.');

点击按钮div显示，点击div或者document，div隐藏

$("button").click(function(event){ event.stopPropagation(); if($("div").is(':hidden')){ $("div").show() }else{ $("div").hide(); } }) $(document).bind("click",function(e){ $("div").hide() })

(87)Wangdao.com第二十天_JavaScript document 节点对象

document 节点对象, 代表整个文档,每张网页都有自己的 document 对象. window.document 当浏览器开始加载文档时就存在了正常的网页使用 document 或者 window.document iframe 框架中使用 iframe 节点对象的 contentDocument 属性 Ajax 操作返回的文档,使用 XMLHttpRequest 对象的 responseXML 属性内部节点的 ownerDocument 属性属性 document.default

HTML <div> 标签

定义和用法: <div> 可定义文档中的分区或节(division/section). <div> 标签可以把文档分割为独立的.不同的部分.它可以用作严格的组织工具,并且不使用任何格式与其关联. 如果用 id 或 class 来标记 <div>,那么该标签的作用会变得更加有效. 用法: <div> 是一个块级元素.这意味着它的内容自动地开始一个新行.实际上,换行是 <div> 固有的唯一格式表现.可以通过 <div> 的 class

js初学者的div移动

<!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <meta name="keywords" content="div移动"> <title>div移动</title> </head> <body> <div id="div

js实现的点击div区域外隐藏div区域(转)

首先看下JS的事件模型,JS事件模型为向上冒泡,如onclick事件在某一DOM元素被触发后,事件将跟随节点向上传播,直到有click事件绑定在某一父节点上,如果没有将直至文档的根. 阻止冒泡: 1.stopPropagation()对于非IE浏览器. 2.cancelBubble属性为true,对于IE浏览器,而Jquery已经有兼容浏览器的方法,event.stopImmediatePropagation(); <!DOCTYPE html> <html> <head&g

js DOM Document类型

JavaScript通过Document类型访问文档.在浏览器中,document对象是HTMLDocument(继承自 Document类型)的一个实例,表示整个HTML页面.document对象是window对象的一个属性.通过文档对象,不仅可以取得与页面有关的信息,而且还能操作页面的外观及其底层结构. 1.文档的子节点 DOM规定Document的子节点可以是DocumentType.Element.ProcessingInstructor或Comment,但是还有两个内置的访问其子节点

闲扯『 document.write 』

初春的晚上,闲来无事,聊聊 document.write 方法. document.write 使用方式非常简单,把 "字符串化"(不好意思,这可能是我自己创造的名词)的 html 代码当做参数传入就 ok 了,我并不打算讲它的基本用法,可以参考以下链接: HTML DOM write() 方法 HTML DOM write() Method Document.write() Using document.write document.write 经常会被用来加载脚本,比如这样: va

对于指定区块div，如何区分区块内的点击和区块外的点击？

需求:对于区块div内点击事件, 需要展示区块内的附属操作区块,对于区块外的点击, 需要将前面说的附属操作区块隐藏掉. 分析:对于一般的HTML控件,有标准的js事件接口, focus和blur,来实现类似效果, 在focus中添加显示附属控件操作, 在blur中隐藏掉.例如文本输入框, 和 image 类型的input, 但是对于设计出的样式不能通过这类控件来表达时候,就需要使用div框来设计布局,虽然HTML控件具有更好的accessibility. 技术思路:事件event在DOM树

javascript中document.appendChild和document.body.appendChild的问题

在IE7中 var conentDiv = document.createElement("div"); document .body .appendChild(conentDiv); document .appendChild(conentDiv); 都不会报错,但是在IE11中 document .appendChild(conentDiv);会报错:javascript runtime error:HierarchyRequestError 由于 div是document .bo

转-JS中document对象详解

对象属性 document.title //设置文档标题等价于HTML的<title>标签 document.bgColor //设置页面背景色 document.fgColor //设置前景色(文本颜色) document.linkColor //未点击过的链接颜色 document.alinkColor //激活链接(焦点在此链接上)的颜色 document.vlinkColor //已点击过的链接颜色 document.URL //设置URL属性从而在同一窗口打开另一网页 documen

DIV使用tabindex获得事件详解移动div

添加 tabindex='-1' 属性: 默认:获取不到焦点事件(blur) 1 <div class="wl-product" id="wl-product"></div> 可以获取焦点事件(blur) 1 <div class="wl-product" id="wl-product" tabindex='-1'></div> 具体详解: 先看:W3C关于onfocus的部分

JS的Document属性和方法小结

Document想必大家并不陌生吧,在使用js的过程中会经常遇到它,那么它有哪些属性.哪些方法,在本文将以示例为大家详细介绍下,希望对大家有所帮助 document.title //设置文档标题等价于HTML的title标签 document.bgColor //设置页面背景色 document.fgColor //设置前景色(文本颜色) document.linkColor //未点击过的链接颜色 document.alinkColor //激活链接(焦点在此链接上)的颜色 document.

DIV当textarea使用，在聚焦的时候将光标移动到内容的末尾

#### DIV当textarea使用,在聚焦的时候将光标移动到内容的末尾 #### <style type="text/css"> .test_box { width: 400px; min-height: 120px; max-height: 300px; _height: 120px; margin-left: auto; margin-right: auto; padding: 3px; outline: 0; border: 1px solid #a0b3d6;

javascript document对象第21节

<html> <head> <title>DOM对象</title> <style type="text/css"> table { border:1px solid green; border-collapse:collapse; width:300px; } td { padding:5px; border:1px solid green; font-size:16px; text-align:center; } tabl

document对象相关的几个常用的方法

方法描述 var newP=createElement("p"); 创建了一个p标签,p也可替换为div,span等 var oldTxt=createTextNode("this is old text"); 创建文本节点,创建了内容为“this is old text”的文本 newP.appendChild(newTxt); 向p标签中插入定义好的newTxt变量 newP.removeChild(newTxt); 删除刚刚插入的文本内容 var newT

jquery实现点击div外隐藏div

html <div style="width:100px;height:100px;border:1px solid #ff0" id="div">div</div> js document.on("click",function(e){ if($(e.target).closest("#div").length=0){ $("#div").hide(); } })

点击按钮显示隐藏DIV，点击DIV外面隐藏DIV

点击按钮显示隐藏DIV,点击DIV外面隐藏DIV 注意:此方法对touch事件不行,因为stopPropagation并不能阻止touchend的冒泡 <style type="text/css"> body { background-color:#999999; } #myDiv { background-color:#FFFFFF; width:250px; height:250px; display:none; } </style> <body>

JS 实现点击页面任意位置隐藏div、span

通过调用下面的 showhidden(“标签ID”) 显示div/span/…等标签内容,可以实现点击页面任意地方再次隐藏该标签内容,而showhidden(“标签ID”,”nohidden”)可保存显示不隐藏.可用于仿下拉框及下拉菜单的实现. var nowshowdiv=""; function showhidden(div,nohidden){ if(div!=""){ if(document.getElementById(div).style.display

自己写的一个用js把select换成div与span与ul的东西

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta h

跨域（四）——document.domain

浏览器有一个合法的性质:一个页面可以设置document.domain为当前子域或比当前子域更高级的域.一般顶级就到了根域,如果设置为其他域,浏览器就会报权限错误. 利用这个性质,我们可以通过设置document.domain来跨子域.比如:在blog.foo.com/blog.html和app.foo.com/app.html两个文件中分别加上document.domain='foo.com',然后通过在app.html文件中创建一个iframe,去控制iframe的contentDocume

div当作document

热门专题