檬味博客 » 问答 » 怎么在js中给文本框添加CSS样式

怎么在js中给文本框添加CSS样式

一、局部改变样式 调用方法：改变className 测试 document.getElementById('demo').className="test"; 改变直接样式 测试 document.getElementById('obj').style.backgroundColor="#003366"; 二、全局改变样式 可以通过改变外链样式的的href的值实现网页样式的实时切换 点我改变样式 ...
怎么在js中给文本框添加CSS样式
js中直接在style后面继续点你要的样式赋值就好了
比如
var box = document.getelementbyid('box');
box.style.width='100px';
box.style.height='100px';
box.style.border='1px solid black';
等等2012-02-21
代码贴一下，再给出要求，人家才能回答你呀！2012-02-21
在页面内用JS操作CSS除非用AJAX，但操作页面内的样式的话，是可以的。操作样式分为改变直接样式，改变className和改变cssText三种
一、局部改变样式
调用方法：
改变className
<div id="demo">测试</div>
<script>
document.getElementById('demo').className="test";
</script>
改变直接样式
<div id="demo">测试</div>
<script>
document.getElementById('obj').style.backgroundColor="#003366";
</script>

二、全局改变样式

可以通过改变外链样式的的href的值实现网页样式的实时切换

<link rel = "stylesheet" type="text/css" id="css" href="firefox.css" />
<span on click="javascript:document.getElementById('css').href = 'ie.css'">点我改变样式</span>2015-11-05
mengvlog 阅读 106 次 更新于 2025-08-07 15:43:55 我来答关注问题0
3 个回答檬味博客专题活动
  • dyiqq 怎么在js中给文本框添加CSS样式

    二、全局改变样式 可以通过改变外链样式的的href的值实现网页样式的实时切换 点我改变样式

  • 阿暄生活 如何通过js给css添加样式

    在网页开发中，通过JavaScript动态地给CSS添加样式是一种常见的需求。这种方法允许我们根据用户交互或其他条件实时改变页面的外观。我们首先需要选中目标HTML元素，然后通过其style属性直接设置CSS样式。例如，我们可以通过如下代码改变某个元素的背景颜色：let element = document.getElementById('myElement');ele...

  • 花花浪客 如何用JS实现 点击按钮 文本框内的文字加粗?

    1、直接修改或者添加css样式：("button").click(function(){ $("input").css("font-weight","bold");});2、添加相应的class类名使其加粗：("button").click(function(){ $("input").addClass("fontbold");});.fontbold{font-weight:bold};...

  • 阿暄生活 js textarea有初始值高度自适应

    给textarea元素添加一个id或其他选择器，以便在JavaScript中能够选中它。示例中，textarea的id为myTextarea，并设置了placeholder和初始值内容。CSS部分：设置textarea的宽度、最小高度、内边距和盒模型属性。width: 300px; 设置了textarea的宽度。min-height: 50px; 设置了textarea的最小高度，防止高度过...

  • 左潇龙 在jsp中怎样加入css样式

    1、 外部样式 当样式需要应用于很多页面时，外部样式表将是理想的选择。在使用外部样式表的情况下，你可以通过改变一个文件来改变整个站点的外观。每个页面使用标签链接到样式表。标签在（文档的）头部： 2、内部样式 当单个文档需要特殊的样式时，就应该使用内部样式表。可以使用标签在文档头部定义内部...

其他CSS类似问题

檬味博客在线解答立即免费咨询

CSS相关话题

Copyright © 2023 WWW.MENGVLOG.COM - 檬味博客
返回顶部