2017/09/25

<

!DOCTYPE html>
<html>
<head>
<meta charset="{CHARSET}">
<title></title>
</head>
<body>
<div id="div1"></div>
<div class="div2"></div>

</body>
</html>
<script>
// DOM 文档对象模型
// 选取对象
var div1 = document.getElementById(‘div1‘);
var div2 = document.getElementsByClassName(‘div2‘)[0];
//var div3 = document.getElementsByTagName()//标签选择器
//var div4 = document.getElementsByName()name//选择器
//alert(div1); //object HTMLDivElement
// 第二步:操作对象
// 1,改内容
div1.innerHTML = "<b>加粗</b>"
div2.innerText = "<b>加粗</b>";
// 2,改样式
div1.style.color = "red";
div1.style.fontFamily = "华文彩云";
// 3,改属性
div1.setAttribute(‘class‘,‘class1‘)
// div1.removeAttribute(‘style‘);
// 4,加事件
div1.onclick = function(){
alert("点击事件触发");
div1.setAttribute(‘class‘,‘class2‘);
}

// 造元素
var new_div = document.createElement(‘div‘);
// 改样式/改内容.....
new_div.innerHTML = "新元素";
document.body.appendChild(new_div);//增加
document.body.removeChild(new_div);//删除
</script>

!DOCTYPE html>
<html>
<head>
<meta charset="{CHARSET}">
<title></title>
</head>
<body>
<div id="div1"></div>
<div class="div2"></div>

</body>
</html>
<script>
// DOM 文档对象模型
// 选取对象
var div1 = document.getElementById(‘div1‘);
var div2 = document.getElementsByClassName(‘div2‘)[0];
//var div3 = document.getElementsByTagName()//标签选择器
//var div4 = document.getElementsByName()name//选择器
//alert(div1); //object HTMLDivElement
// 第二步:操作对象
// 1,改内容
div1.innerHTML = "<b>加粗</b>"
div2.innerText = "<b>加粗</b>";
// 2,改样式
div1.style.color = "red";
div1.style.fontFamily = "华文彩云";
// 3,改属性
div1.setAttribute(‘class‘,‘class1‘)
// div1.removeAttribute(‘style‘);
// 4,加事件
div1.onclick = function(){
alert("点击事件触发");
div1.setAttribute(‘class‘,‘class2‘);
}

// 造元素
var new_div = document.createElement(‘div‘);
// 改样式/改内容.....
new_div.innerHTML = "新元素";
document.body.appendChild(new_div);//增加
document.body.removeChild(new_div);//删除
</script>

!DOCTYPE html>
<html>
<head>
<meta charset="{CHARSET}">
<title></title>
</head>
<body>
<div id="div1"></div>
<div class="div2"></div>

</body>
</html>
<script>
// DOM 文档对象模型
// 选取对象
var div1 = document.getElementById(‘div1‘);
var div2 = document.getElementsByClassName(‘div2‘)[0];
//var div3 = document.getElementsByTagName()//标签选择器
//var div4 = document.getElementsByName()name//选择器
//alert(div1); //object HTMLDivElement
// 第二步:操作对象
// 1,改内容
div1.innerHTML = "<b>加粗</b>"
div2.innerText = "<b>加粗</b>";
// 2,改样式
div1.style.color = "red";
div1.style.fontFamily = "华文彩云";
// 3,改属性
div1.setAttribute(‘class‘,‘class1‘)
// div1.removeAttribute(‘style‘);
// 4,加事件
div1.onclick = function(){
alert("点击事件触发");
div1.setAttribute(‘class‘,‘class2‘);
}

// 造元素
var new_div = document.createElement(‘div‘);
// 改样式/改内容.....
new_div.innerHTML = "新元素";
document.body.appendChild(new_div);//增加
document.body.removeChild(new_div);//删除
</script>

时间： 2024-11-06 14:20:34

2017/09/25的相关文章

无垠PE组合工具2017.09.03 维护版网络版

适合大众--无垠PE组合工具,维修维护专用--简洁实用.功能俱全,赢得信赖! 无垠PE及工具都源于无忧启动论坛所得,无OEM或个人信息,不修改主页.不写垃圾文件.无广告.无暗扣.无陷阱!采用Win8PEx64内核.工具网络全内置,支持UEFI启动.可量产.刻盘.U+/B+.无垠PE组合工具修改版由网友"恋梦"更新维护,在原版基础适当精简后,针对里面工具进行升级,精简不常用工具,维护系统完全够用!123 新版变化 2017.09.03 更新- Acronis True Image 201

新手程序员 工作日志 2017.7.25.18:02 关于改bug网页的使用

责人这里看哪个是自己名下的bug  点进去 点bug对应的ID号进入 综合部-赵鑫 2017/7/25 17:40:47 改完bug修改下bug的状态  附加意见那里可以增加自己的意见 可写也可不写  完成后 点击储存变更

调试大叔V1.0.1(2017.09.01)|http/s接口调试、数据分析程序员辅助开发神器

2017.09.01 - 调试大叔 V1.0.1*支持http/https协议的get/post调试与反馈:*可保存请求协议的记录:*内置一批动态参数,可应用于URL.页头.参数:*可自由管理cookie:*支持请求的代理与模拟环境参数设置:*时间戳管理(取网络当前时间戳.转成日期.转成倒计时):*支持拖放文件到本程序窗计算文件的MD5.SHA1.CRC32值:*集成常见编码解码(Ansi与Utf8互转.URL加解密.UniCode转中文);*集成常用符号与其UniCode值:*集成常用数学计算

Becoming inspired (2) - ASC 2017 March 25

Becoming inspired - part 2 @ Advanced Studio Classroom Vol: 2017 MARCH 25 7.Who was I like as a child? Let your inner child resurface in your thoughts. Look at a childhood photo of yourself. If you're truly to this person, what would you be doing to

【2017.09.29 星期五 关于c++瞎侃】

c++中最重要的语法特征就是 类 了,通过它,程序员可以自定义自己的数据类型. c++中的类包含 数据成员 也 包含 函数成员. C++语言主要的一个设计目标 就是让程序员自定义的的数据类型向 内置类型一样 好用. 基于此, 标准c++库 实现了丰富的类和函数. 野心很大 [2017.09.29 星期五 关于c++瞎侃]

2017.11.25【NOIP提高组】模拟赛A组

2017.11.25[NOIP提高组]模拟赛A组 T1 3467. [NOIP2013模拟联考7]最长上升子序列(lis) T2 3468. [NOIP2013模拟联考7]OSU!(osu) T3 3472. [NOIP2013模拟联考8]匹配(match) T1 有转移方程f[i]=max{f[j]}+1,a[j]<a[i] 可以用线段树+离散化维护这个方程,因为涉及以往状态可以用主席树维护 打太丑爆空间了 Code 1 #include<cstdio> 2 #include<c

淘宝-保证金缴纳的类目及对应金额(2017.3.25)

今天在上架商品,突然提示保证金1万,才能上架商品.请补交保证金,吓了宝宝一跳. 宝宝一个月才几十元的收入,交1万,逼死宝宝啊.  仔细查查资料才知道.消保的基础保证金是1000元保证金,特殊才是更高. 保证金缴纳的类目及对应金额 [原文](https://service.taobao.com/support/seller/knowledge-13123494.htm) 亲,以下各类目需要缴纳相应的保证金哦,具体金额可以参考以下的表格 类目 保证金金额 电动车/配件/交通工具>>电动车整车>

noip2008 真题练习 2017.2.25

不是有很多可以说的,记住不能变算边取min Code 1 #include<iostream> 2 #include<fstream> 3 #include<sstream> 4 #include<cstdio> 5 #include<cctype> 6 #include<cstring> 7 #include<cstdlib> 8 #include<cmath> 9 #include<algorithm

2017/07/25 杂题（完全不可做题（划去））选讲

先膜一发主讲人@Antileaf 真是核平的一天那--大脑已经被蹂躏的死去活来了-- cogs2421 简单的Treap 链接:http://cogs.pro/cogs/problem/problem.php?pid=2421 题意:什么都给你了,建出Treap,输出先序遍历顺序. 实际上只是用了Treap的原则建树--先按照数值大小排序,然后按照建立笛卡尔树方法,维护单调栈,最大的全扔到右儿子去即可. 1 #include<iostream> 2 #include<cstdio>