javascript - 文字列の末尾に異なるスタイルを追加する

Question

これは簡単な質問だと思いますが、JavaScript は初めてなので...

これを使用してH1 innerHTMLを取得しました：

var myBeta = "Beta";

var myNode = document.getElementsByTagName("h1");

myNode[0].innerHTML = "New List of Materials " + myBeta;

H1 の 2 つのテキスト文字列を連結するときに、「ベータ」という単語をオレンジ色にするにはどうすればよいですか?

Answer 1

Beta 文字列を別の要素でラップする必要があります。

var myBeta = "Beta";
var wrappedBeta = '<span style="color:orange">' + myBeta + '</span>';
var myNode = document.getElementsByTagName("h1");

myNode[0].innerHTML = "New List of Materials " + wrappedBeta;

外部スタイルシートでスタイル情報を自由に抽出し、spanタグをより意味的に正しいものに変更してください (strongたとえば)。