前端点击按钮改变按钮内的字体颜色（新手也不知道是不是这样写）

qq_35574725 2017-04-05 11:54:47

<!DOCTYPE html>
<html>
<head>

<script>
function a()
{
document.getElementById("b1").style.color="cccc00";

</script>
</head>
<body>
<button onclick="a" style="color:#FF0000" id="b1" >文本</button>

</body>
</html>
这样写为什么没用啊

...全文

1169 6 打赏收藏转发到动态举报

写回复

用AI写文章

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

if-config 2019-10-14

打赏
举报

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>

	<body>
		<button   style="color:#FF0000"  id="b1" >文本</button>
		<script src="练习4/jquery.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(function(){
				$("#b1").click(function(){
					$(this).css("color","yellow")
				})
			})
		</script>
	</body>

</html>

if-config 2019-10-14

打赏
举报

引用 1 楼 github_36037714 的回复:

<!DOCTYPE html> <html> <head> <script> function a() { document.getElementById("b1").style.color = "#cccc00"; } </script> </head> <body> <button onclick="a()" style="color:#FF0000" id="b1">文本</button> </body> </html> 红色为你错的地方

还可以使用jQuery写 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <button style="color:#FF0000" id="b1" >文本</button> <script src="练习4/jquery.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> $(function(){ $("#b1").click(function(){ $(this).css("color","yellow") }) }) </script> </body> </html>

github_36037714 2017-04-05

打赏
举报

<!DOCTYPE html> <html> <head> <script> function a() { document.getElementById("b1").style.color = "#cccc00"; } </script> </head> <body> <button onclick="a()" style="color:#FF0000" id="b1">文本</button> </body> </html> 红色为你错的地方

jio可 2017-04-05

打赏
举报


<!DOCTYPE html>
<html>
<head>
</head>
<body>
<button onclick="a(this)"  style="color:#FF0000"  id="b1" >文本</button>
<script>
function a(el){
	el.style.color="BLACK";
}
</script>
</body>
</html>

还有function也没结束的}

jio可 2017-04-05

打赏
举报

jio可 2017-04-05

打赏
举报


<button onclick="a()"  style="color:#FF0000"  id="b1" >文本</button>

还有js最好放在body后面,要先加载dom再使用

资源介绍：圣诞贺卡—前端三件套实现.html 是一个包含前端三件套（HTML、CSS、JavaScript）实现的圣诞贺卡资源的HTML文件。该资源旨在帮助开发者学习如何使用前端技术制作圣诞贺卡，并提供了一个简单的示例，以供参考和学习。内容概要： HTML结构：该资源包含一个简单的HTML结构，用于构建圣诞贺卡的页面布局。 CSS样式：通过CSS样式，开发者可以自定义贺卡的外观和样式，包括颜色、字体、背景等。 JavaScript交互：JavaScript可以实现贺卡中的交互效果，如点击按钮切换贺卡背景等。适用人群：前端开发者：对于想要学习如何使用HTML、CSS、JavaScript制作圣诞贺卡的前端开发者来说，该资源是一个很好的学习资料。初学者：对于刚刚接触前端技术的新手来说，该资源可以帮助他们了解如何使用前端技术制作简单的网页应用。爱好者：对于喜欢制作圣诞贺卡的人来说，该资源提供了一个实用的示例，可以参考和学习。场景目标：学习前端技术：通过该资源，开发者可以学习如何使用HTML、CSS、JavaScript制作圣诞贺卡，掌握前端技术的基本应用。制作圣诞

WPF 设置控件颜色

id="{{dayView==true?'sview':'nview'}}" 通过 id 绑定选中和未选中两种状态的样式，以一个已声明过的布尔量变量 dayView 作为判断条件，这样就能根据点击事件进行样式切换，同理，通过class绑定不同的样式也是可行的。html代码： CSS 代码： js 代码：三、功能展示左侧为选中Today tab的样式，右侧图为选中 Week 的样式展示。市面上没有自己想要的待办软件怎么办？那就自己开发一个吧。_岚尹_Nicole的博客-

初学者写搜索框部分时，缩小页面造成输入框与搜索按钮对不齐的问题一般来说初学者写搜索框都是用浮动来实现，一个div中放一个input，和一个a标签包含字体图标 HTML <div class="soso-box "> <input type="text" placeholder="查询目的地/酒店/攻略"> <div class="btn1"><a href="" class=" btn

5.然后封装一个方法，根据传递的参数值，改变div的背景色；随后表达式的值会与结构中的每个case的值做比较。4.链入jQuery代码链接，我们需要实现的效果是在页面中按下键盘上的键的时候，获取他的Unicode编码给body背景色；我们按下键盘改变背景颜色的时候里面的文字也是要改变的，然后获取到背景色里面的文字。6.案例完成，每个键盘字母都是代表一个数字，在我们按下键盘时背景颜色改变并和数字一起显示，没有写的点击就会显示查无此键。2.开始写背景的样式和标题以及背景里面内容的样式。...

CSS

61,115

社区成员

60,730

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章