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

為了賬號安全，請及時綁定郵箱和手機立即綁定
已解決430363個問題，去搜搜看，總會有你想問的

如何設(shè)置在輸入字段 type=text 中輸入并使用按鈕添加的 (css) 文本的樣式？

如何設(shè)置在輸入字段 type=text 中輸入并使用按鈕添加的 (css) 文本的樣式？

桃花長相依 2023-02-17 10:50:00
我對網(wǎng)頁設(shè)計和編程很陌生，有一個問題。我正在使用 javascript、html 和 css 開發(fā)一個待辦事項列表，我能夠成功地將輸入字段連接到“添加”按鈕并擁有它，以便在單擊按鈕時鍵入的內(nèi)容顯示在列表中?，F(xiàn)在我想使用 css 設(shè)置文本樣式。如何設(shè)置輸入字段中文本的樣式？正如我所說，我希望我輸入的文本在我按下列表中的按鈕后出現(xiàn)。html: [1]: https://i.stack.imgur.com/ZXSAh.pngjavascript:function myFunction() {var li = document.createElement("li");var inputValue = document.getElementById("input").value;var t = document.createTextNode(inputValue);li.appendChild(t);if (inputValue === '') {  alert("You must write something!");} else {  document.getElementById("myUL").appendChild(li);}document.getElementById("input").value = "";var span = document.createElement("SPAN");var txt = document.createTextNode("\u00D7");span.className = "close";span.appendChild(txt);li.appendChild(span);for (i = 0; i < close.length; i++) {  close[i].onclick = function() {    var div = this.parentElement;    div.style.display = "none";  }}}
查看完整描述

4 回答

?
Smart貓小萌

TA貢獻(xiàn)1911條經(jīng)驗 獲得超7個贊

最好的方法是設(shè)置一個可重用的 CSS 類并將其應(yīng)用于您生成的元素，例如


.newItem {

    color: blue;

}

（請注意，幾乎總是建議對類等使用 CSS 規(guī)則而不是內(nèi)聯(lián) CSS - 它更容易更改，并且在其他地方重用以保持一致性。）


然后將其應(yīng)用于li您創(chuàng)建的（或任何其他元素，例如跨度，具體取決于您想要的樣式以及您希望該類的可重用程度），例如


function myFunction() {

  var li = document.createElement("li");


  // add class to the li

  li.classList.add("newItem");


  // REST OF YOUR CODE

}

例如，如果您想為 span 而不是 li 設(shè)置樣式，您可以將類添加到 span，或者更改 CSS 規(guī)則以針對 span，例如


.newItem span { color:blue; }

（看看當(dāng)你使用 CSS 時改變是多么容易！:)）


工作示例：


function myFunction() {

  var li = document.createElement("li");

  var inputValue = document.getElementById("input").value;

  var t = document.createTextNode(inputValue);

  li.appendChild(t);


  // add class to the li

  li.classList.add("newItem");


  if (inputValue === '') {

    alert("You must write something!");

  } else {

    document.getElementById("myUL").appendChild(li);

  }

  document.getElementById("input").value = "";


  var span = document.createElement("SPAN");

  var txt = document.createTextNode("\u00D7");

  span.className = "close";

  span.appendChild(txt);

  li.appendChild(span);


  for (i = 0; i < close.length; i++) {

    close[i].onclick = function() {

      var div = this.parentElement;

      div.style.display = "none";

    }

  }

}

.newItem{ color:blue;}

<input type="text" id="input">

<span onclick="myFunction()" class="button">Add</span>


<ul id="myUL"></ul>


查看完整回答
反對 回復(fù) 2023-02-17
?
炎炎設(shè)計

TA貢獻(xiàn)1808條經(jīng)驗 獲得超4個贊

關(guān)于您的問題：我想使用 css 設(shè)置文本樣式。如何設(shè)置輸入字段中文本的樣式？

<span onclick="myFunction()" class="button" style="color: orange; font-weight: bold;">Add</span>

你可以像這樣的風(fēng)格。


查看完整回答
反對 回復(fù) 2023-02-17
?
MM們

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

解決方案：


要對輸入中的內(nèi)容進(jìn)行樣式設(shè)置，您必須使用像這樣的顏色屬性：


input { /*Selects input*/

color: green /*Changes the color to green*/


}

<input type="text" value="My text"/>


查看完整回答
反對 回復(fù) 2023-02-17
?
HUH函數(shù)

TA貢獻(xiàn)1836條經(jīng)驗 獲得超4個贊

在元素上設(shè)置樣式span。


例如，您可以通過這種方式將其設(shè)為粗體： span.style.fontWeight = 'bold';


或者在close你正在使用的類上設(shè)置 CSS，方法是將如下內(nèi)容放入<head>：


<style>


span.close {

    font-weight: bold;

}


</style>


查看完整回答
反對 回復(fù) 2023-02-17
  • 4 回答
  • 0 關(guān)注
  • 156 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

 幫助反饋 APP下載

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

 公眾號

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