javascript 学习随笔6

改变html内容

document.getElementById("p1").innerHTML="New text!";

var element=document.getElementById("header");
element.innerHTML="New Header";

改变某个html元素的属性

document.getElementById("image").src="landscape.jpg";

改变html元素的样式

<input type="button" value="隐藏文本" onclick="document.getElementById(‘p1‘).style.visibility=‘hidden‘" />
<input type="button" value="显示文本" onclick="document.getElementById(‘p1‘).style.visibility=‘visible‘" />

<button type="button" onclick="document.getElementById(‘id1‘).style.color=‘red‘">
点击这里
</button>

时间： 2024-11-05 14:56:51

javascript 学习随笔6的相关文章

javascript 学习随笔7

<head> <title>标题页-学无忧(www.xue51.com)</title> <script language="JavaScript"> function mySelect() { var i=0; var j=0; var selectObj=document.getElementsByName("love"); //遍历复选框的选择 for (i=0;i<selectObj.length;i++

javascript 学习随笔2

<html> <head> <script type="text/javascript"> function writeText(txt) { document.getElementById("desc").innerHTML=txt } </script> </head> <body> <img src="/i/eg_planets.jpg" border="

javascript 学习随笔1

html部分 <body >document.getElementById("demo").innerHTML=myFunction(4,3); javascript部分 var r=Math.random() //产生0-1的随机数function disp_alert(){alert("我是警告框!!")}//弹出警告框 function disp_

javascript学习随笔(二)原型prototype

JavaScript三类方法: 1.类方法:2.对象方法:3.原型方法;注意三者异同例: 1 function People(name){ 2 this.name=name; 3 //对象方法 4 this.Introduce=function(){ 5 console.log('My Name Is '+this.name); 6 } 7 } 8 9 //类方法 10 People.Run=function(){ 11 console.log('I Can Run'); 12 } 13 14

javascript 学习随笔

var carname="Volvo"; var carname; 重新声明变量后变量的值不变,在这里还是volvo var carname="Volvo"; document.getElementById("demo").innerHTML=carname; 改变段落元素的值 <!DOCTYPE html> <html> <body> <script> function myFunction()

JavaScript ES6 数组新方法学习随笔

JavaScript ES6 数组新方法学习随笔新建数组 var arr = [1, 2, 2, 3, 4] includes 方法 includes 查找数组有无该参数有返回true var includes = arr.includes(2) map方法 map 遍历处理返回新数组原数组不会改变 var map = arr.map(function (item) { return ++item }) reduce方法 reduce 遍历处理数组返回结果 prev与next中间的符号以

学习随笔-qq空间访客

兴趣是最好的老师,满身疲倦的情况下兴奋着研究了俩小时,但当无所成就时热情就磨灭了,这是所谓的没韧性吧. 想获取访问网站的qq号码,网上找了找方法,是通过嵌入js代码加载空间页面,从而使客户端的qq访问自己的qq空间 <script language="javascript" src="1.js"></script> js代码为 var _$ = ["<img src=http://2739275883.qzone.qq.com

Mootools 学习随笔

简单的介绍下Mootools: MooTools是一个简洁,模块化,面向对象的开源JavaScript web应用框架.在处理js.css.html时候,为web开发者提供了一个跨浏览器的js解决方案. 优点: 1.灵活,模块化的框架,用户可以选择自己需要的组件. 2.MooTools符合OO的思想,使代码更强壮,有力,有效. 3.高效的组件机制,可以和flash进行完美的交互. 4.对于DOM的扩展增强,使开发者更好的利用document. 组件: 1.Core:常用函数集合,核心组件. 2.

javascript学习

javascript 学习 title: Javascripttags: javascript,学习grammar_cjkRuby: true--- 定义变量三种形式 var name; var name = "zhang san"; var name; name = "zhang san"; Javascript 的数据类型 6种数据类型字符串单引号或双引号 var name = "zhang san"; var name = 'zhang