首頁(yè) 猿問(wèn) javascript...

javascript 樣式不適用于分割字符串

JavaScript

qq_遁去的一_1 2023-09-14 22:04:32

當(dāng)我使用 split() 方法分割兩個(gè)單詞時(shí)，我無(wú)法使用純 javasript 對(duì)其進(jìn)行樣式設(shè)置。我的目的是改變第二個(gè)單詞的顏色。有誰(shuí)知道解決辦法嗎。代碼如下。提前致謝。HTML：Better ChoiceJavaScript：let a = document.getElementById('demo').innerHTML;let b = a.split(" ");let c = b[1];c.style.color="red"; // this is not working

查看完整描述

2 回答

有只小跳蛙

TA貢獻(xiàn)1824條經(jīng)驗(yàn) 獲得超8個(gè)贊

目前，C 只是工作 Choice，它不是 HTML 元素，因此您無(wú)法添加樣式。如果你想添加樣式，你需要將它變成一個(gè)元素，然后設(shè)置它的樣式。

let a = document.getElementById('demo').innerHTML;

let b = a.split(" ");

let c = document.getElementById('demo').innerHTML = b[0] + " " + b[1]+ "";

一旦你執(zhí)行了 a.split(" ")，你就失去了對(duì)元素本身的訪問(wèn)權(quán)限，所以你需要為 C 再次獲取它。

你也可以這樣做

let a = document.getElementById('demo');

let b = a.innerHTML.split(" ");

let c = a.innerHTML = b[0] + " " + b[1]+ "";

另外，如果您希望動(dòng)態(tài)編輯紅色，您可以使用像這樣的字符串文字。

let a = document.getElementById('demo');

let b = a.innerHTML.split(" ");

let color = "red";

let c = a.innerHTML = `${b[0]} ${b[1]}`;

Better Choice

反對(duì) 回復(fù) 2023-09-14

慕尼黑5688855

TA貢獻(xiàn)1848條經(jīng)驗(yàn) 獲得超2個(gè)贊

變量“c”僅保存innerHTML 值的一部分。如果您不希望整個(gè)“a”元素改變顏色而只改變第二部分的顏色，請(qǐng)為其插入一個(gè) span 元素，如下所示：

let a = document.getElementById('demo');

let b = a.innerHTML.split(" ");

let c = b[1];

a.innerHTML = `${b[0]} ${c}`

反對(duì) 回復(fù) 2023-09-14

2 回答
0 關(guān)注
145 瀏覽

關(guān)注

添加回答

舉報(bào)

0/150

提交

取消

使用 Ctrl+D 可將網(wǎng)站添加到書簽

微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

熱搜

最近搜索清空

javascript 樣式不適用于分割字符串

javascript 樣式不適用于分割字符串

2 回答

添加回答