js控制带有连字符的样式

最新推荐文章于 2024-04-28 00:00:00 发布

weixin_34321753

最新推荐文章于 2024-04-28 00:00:00 发布

阅读量373

点赞数

CC 4.0 BY-SA版权

文章标签： javascript python ViewUI

原文链接：https://my.oschina.net/u/3680343/blog/1592214

本文介绍了如何正确地使用CSS中的连字符样式属性，如margin-left，并通过JavaScript动态添加样式来展示不同写法的效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2019独角兽企业重金招聘Python工程师标准>>>

例如margin-left，padding-left,等这类的带有连字符的样式怎么去书写

<body>
   <ul id="ulContent">
      <li>这是本身具有的一行，我要在下面追加四行</li>
   </ul>
   <script type="text/javascript">
      var ul=document.getElementById("ulContent");
      for(var i=0;i<4;i++){
         var li=document.createElement("li");
         li.style.color="red";
         li.innerHTML="这是追加的内容";
         ul.appendChild(li);
      }

   </script>
</body>

添加带有连字符的样式如下

// 添加带有连字符的样式
li.style.margin-left="30px";

意思是说连字符是个无效的标识，

如果如下写法呐

// 添加带有缩写的样式
li.style.marginleft="30px";

不会有任何效果，再换一种写法

// 驼峰式写法
li.style.marginLeft="30px";

这样的写法样式就会起作用了

转载于:https://my.oschina.net/u/3680343/blog/1592214

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_34321753

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

JavaScript中的连字符

jubincn的专栏

07-27

1827

晚上花了2个小时的时间，来用Javascript处理一个简单的字符串过滤功能，代码粘贴到下面，其实很简单，就是想把Google AJAX Search API返回的查询结果中的过滤掉。之所以花这么多时间，一个很重要的原因就是对JavaScript的字符连接操作不熟。JS是不支持+=的，因此需要用a=a + b，其实想想这个问题及其简单，但不知为什么就是花了很多时间。function

js "+"连接符号

weixin_30468137的博客

08-06

340

<title>范例4-10</title> <script language="javascript"> <!-- var a = -1; // 变量b、c使用正号运算符 var b = +a; var c = +5; alert( "a、b和c的值分别为：" +a + "、" + b + "...

参与评论您还未登录，请先登录后发表或查看评论

Javascript——变量的类型(数值，字符串，连字符)

mintsolace的博客

11-18

483

变量 var a=100; 固定写法，var是variant变量的缩写，可以给变量任意的取名字。 var是一个关键字，是有特殊功能的小词语，关键字后面要有空格隔开。等号表示赋值，会将等号右边的值赋给左边的变量。变量名有命名规范：只能由英语字母、数字、下划线、美元符号$构成，且不能以数字开头，并且不能是Javascript保留字。以下是正确的变量命名： var haha=25

js脚本三种实现字符串连接方法

cyyax的博客

01-24

2100

js脚本中，可以实现两个或两个以上字符串的连接，有三种方法分别是：加法运算符“+”，字符串的concat()方法,和数组的join()方法。 function a1(){ var s1='qqq'; var s2='111'; var s3='12w'; var str=s1+s2+s3; alert(str);

js连接符，运算符和数据类型的相关知识

m0_50056346的博客

05-18

756

javascript的基础知识(二) 一：关于连接符 ‘+’ 无论连接的是什么类型都将转化为字符串类型；二：类型转换 1: 转数值类型 (1):Number() 布尔值转数值类型：true=>1 false=>0 数值型字符串：=>number 非数值型字符串：=>NaN undefined: =>NaN null: =>0 (2):parseInt 数值型字符串：number ps:如果数值是小数，则取整数部分布尔值,对空，...

JavaScript_终端字符串样式做对了.zip

05-21

Chalk库是社区广泛使用的工具，它允许开发者轻松地创建带有颜色、高亮和其他样式的终端输出。使用Chalk，你可以将输出的文本设置为红色、绿色、黄色，甚至是各种背景色，极大地提升了代码输出的可读性。让我们详细...

JS基于正则截取替换特定字符之间字符串操作示例

10-20

在第一个示例中，我们看到如何将截取到的内容替换为带有特定样式颜色的`<span>`标签。 ```javascript html = html.replace(reg1, "$1</span>"); html = html.replace(reg2, ";'>$1</span>"); ``` **3. 特定字符和...

JavaScript字符串对象(string)基本用法示例

10-20

JavaScript中的字符串对象可以调用一些方法，使字符串带上HTML标签，从而改变其显示样式。以下是一些常用方法： - big()：使字符串以大字体显示。 - small()：使字符串以小字体显示。 - bold()：使字符串以粗体...

js验证码两种样式字母和数字背景带有干扰线

07-07

本话题将详细讲解基于JavaScript实现的两种样式的验证码，包括字母和数字，以及带有干扰线的背景设计。这种验证码不仅可以设置为纯数字或纯字母，还可以组合使用字母大小写与数字，提供了更高的安全性。首先，...

html富文本离线转换输出自带标签和内容的字符串、编辑内容并输出其相应编辑后的格式字符串

06-10

本主题主要探讨如何利用HTML5中的技术进行富文本内容的离线转换，生成带有自定义标签和内容的字符串，并能够编辑这些内容后输出相应的格式化字符串。富文本编辑器通常用于在线文档编辑、博客发布、论坛回复等功能...

js代码-算法中级：短线连接格式

07-16

js代码-算法中级：短线连接格式

javascript连=符号

u012841667的专栏

09-26

502

var a = {n:1}; var b = a; // 持有a，以回查 //a.x = a = {n:2}; a = a.x = {n:2}; console.log(a.x);// --> undefined console.log(b.x);// --> {n:2} a.x = a = {n:2}; a = a.x = {n:2}; a = a.x

不同语言的连接符（JavaScript、PHP、Java、C语言、C语言、Python、C#、Ruby、Swift、Go、Rust、C++、MATLAB）

weixin_46001736的博客

07-05

764

不同语言的连接符写法（JavaScript、PHP、Java、C语言、C语言、Python、C#、Ruby、Swift、Go、Rust、C++、MATLAB）

JS字符串拼接的几种方式

热门推荐

甜心的专栏

03-29

10万+

在 JavaScript 中，使用字符串连接有几种方式：连接符（+）、反引号（`）、join()、concat()。

JS 合并拼接字符串（ 5种方法）

大剑师兰特的GIS世界

04-28

8472

- **加号 (+)**：简单易用，但可能影响代码可读性和性能。 - **模板字面量**：简洁直观，支持多行和嵌入表达式，是现代JavaScript中最推荐的拼接方式。 - **`concat()`**：功能较弱，不如其他方法灵活，较少使用。 - **数组 `join()`**：适用于拼接大量字符串，性能较好，但需预先收集到数组中。 - **`replace()`** 结合空正则表达式：特殊场景下的优化手段，一般不推荐常规使用。

js 字符串拼接大全

white0718的博客

07-24

332

在 JavaScript 中，使用字符串连接有几种方式：连接符（+）、反引号（`）、join()、concat()。

JS字符串拼接/连接（3种方式）

u012045045的博客

07-06

1万+

使用加号运算符连接字符串最简便的方法是使用加号运算符。示例1 下面代码使用加号运算符连接两个字符串。 var s1 = "abc" , s2 = "def"; console.log(s1 + s2); //返回字符串“abcdef” 使用concat()方法使用字符串concat()方法可以把多个参数添加到指定字符串的尾部。该方法的参数类型和个数没有限制，它会把所有参数都转换为字符串，然后按顺序连接到当前字符串的尾部最后返回连接后的字符串。示例2 下面代码使用concat...

JS学习笔记：短线连接格式

code华奇

05-20

429

短线连接格式一、题目描述：短线连接格式将字符串转换为短线连接格式。短线连接格式是小写单词全部小写并以破折号分隔。二、测试数据: spinalCase("This Is Spinal Tap") 应返回 this-is-spinal-tap。 spinalCase("thisIsSpinalTap") 应返回 this-is-spinal-tap。 spinalCase("The_Andy_Griffith_Show") 应返回 the-andy-griffith-show。 spinalCase(

vue2动态渲染带有样式标签的字符串