html dom应用,HTML DOM应用案例1

Title

我是一只小小鸟

内容

宽度px

高度px

div{

color: forestgreen;

background-color: coral;

width: 100px;

height: 100px;

}

var chars = ['0','1','2','3','4','5','6','7','8','9','A','B','C','D','E','F'];

var color;

function randomColor() {

color="";

for(var i=0;i<6;i++){

var count = Math.floor(Math.random()*16);

color += chars[count];

}

}

function gbzt() {

randomColor();

document.getElementById("div").style.color="#"+color;

}

function gbbj() {

randomColor();

document.getElementById("div").style.backgroundColor="#"+color;

}

function gbwidth() {

var val = document.getElementById("gbwid").value;

if(isNaN(val)||val==""){

alert("必须输入数字,不能为空")

}else{

document.getElementById("div").style.width=val+'px';

}

}

function gbheight() {

var val = document.getElementById("gbhei").value;

if(isNaN(val)||val==""){

alert("必须输入数字,不能为空")

}else{

document.getElementById("div").style.height=val+'px';

}

}

function gbtext() {

var val = document.getElementById("text").value;

document.getElementById("b").innerText = val;

}

function ycb() {

document.getElementById("b").style.display = "none";

}

function ycdiv() {

document.getElementById("div").style.display = "none";

}

function xsb() {

document.getElementById("b").style.display = "block";

}

function xsdiv() {

document.getElementById("div").style.display = "block";

document.getElementById("b").style.display = "block"

}

function firm(){

var yesorno = window.confirm("您确定取消所有设置么?")

if(yesorno==true){

window.location.replace("tzy1.html");

}else{

alert("没事瞎点什么！！！")

}

}

DOM综合案例、SAX解析、StAX解析、DOM4J解析

今日大纲 1.DOM技术对xml的增删操作 2.使用DOM技术完成联系人管理 3.SAX和StAX解析 4.DOM4J解析 5.XPATH介绍 1.DOM的增删操作 1.1.DOM的增加操作 /* * ...

前端JavaScript之DOM使用案例

1.弹出框点击关闭 (这个例子关键自己创建标签以及属性,不是太好想啊,而且作用相对来数也不是太大)

&l ...

JQuery&colon;JQuery基本语法&comma;JQuery选择器&comma;JQuery DOM&comma;综合案例 复选框&comma;综合案例 随机图片

知识点梳理 课堂讲义 1.JQuery快速入门 1.1.JQuery介绍 jQuery 是一个 JavaScript 库. 框架:Mybatis (jar包) 大工具 插件:PageHelper (j ...

DOM操作案例之--全选与反选

全选与反选在表单类的项目中还是很常见的,电商项目中的购物车一定少不了这个功能. 下面我只就用一个简单的案例做个演示吧.

HTML DOM应用案例2

day03