js 动态修改属性值 动态修改图片，字等

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"   http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>

<head>

<meta http-equiv = "content-type" content="text/html;charset=utf-8"/>

<script src="js.js" type="text/javascript" language="javascript">

</script>

</head>

<body>

<form>

<input type = "button" value = "测试文本修改" onclick = "redo();"/>

<p id = "p1">aaa</p>

<img src = "cal.jpg" id = "img1"></img>

</form>

</body>

</html>

///js.js

function redo(){
	var p1 = document.getElementById("p1");
	var img1 = document.getElementById("img1");
	p1.innerHTML = "bbb";///将html标签对象化
	p1.style.color = "red";
	p1.style.fontSize = "50px";///修改样式时要注意 标签.style.属性（没有"-" 而是使用第二个单词的首字母大写表示）
	p1.style.fontStyle = "italic";
	p1.style.backgroundColor = "gray";
	img1.src = "cat.jpg";
}

js 动态修改属性值 动态修改图片，字等,布布扣,bubuko.com

时间： 2024-10-08 01:51:10

js 动态修改属性值 动态修改图片，字等的相关文章

js+jquery动态设置/增加/删除/获取元素属性的两种方法集锦对比(动态onclick属性设置+动态title设置)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html140/strict.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <title>

JavaScript学习 - 基础(八) - DOM 节点 添加/删除/修改/属性值操作

html代码: <!--添加/删除/修改 --> <div id="a1"> <button id="a2" onclick="add()">add</button> </div> <div id="a3"> <button onclick="del()">del</button> </div> &l

js+jquery动态设置/添加/删除/获取元素属性的两种方法集锦对照(动态onclick属性设置+动态title设置)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html140/strict.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <title>

js中元素属性值的获取

一.样式表的三种方式 1.内嵌样式(inline style):是写在tag标签当中的,用style=“”来表示,只对当前标签生效: 2.内部样式(inner style sheet):是写在HTML中的,一般写在head标签中,对所在的网页有效 3.外部样式表(Extend style sheet):写在单独文件,需要用link标签单独引入,可对多个网页生效 二.获取style样式属性 1.在js中,通过document.getElementById("id").style.xxx就

JS获取CSS属性值

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <ti

Json.Net如何在序列化之前修改属性值

今天写一个Json.net比较偏门的用法,也许你很久都用不到,也许你明天就能派上用场. 我们都知道 Json.net 序列话的用法 Test test = new Test() { A = "123", B = DateTime.Now, C = DateTime.Now.AddDays(1) }; string json = JsonConvert.SerializeObject(test); 你会发现这一串的代码会生成如下的东西: {"A":"123&

转载自——Json.Net如何在序列化之前修改属性值

今天写一个Json.net比较偏门的用法,也许你很久都用不到,也许你明天就能派上用场. 我们都知道 Json.net 序列话的用法 Test test = new Test() { A = "123", B = DateTime.Now, C = DateTime.Now.AddDays(1) }; string json = JsonConvert.SerializeObject(test); 你会发现这一串的代码会生成如下的东西: 1 {"A":"12

jquery 修改属性值

<a href="#" style="xxx" title="" alt="">xxx</a> css and attr css 只能修改和STYLE 相关的值. 而 attr 能修改所有的值.

django 动态更新属性值

class TestTime(models.Model): """ 功能说明:指定测试的每一关总用时 """ test = models.ForeignKey(Test, verbose_name=u"主测试ID") level_1 = models.IntegerField(u"关卡1用时", default=0) level_2 = models.IntegerField(u"关卡2用时&qu