構文Higlighter For Site

-7

私はウェブサイトを作ろうとしています。しかし、私は彼らが何をしているかに基づいてコマンドを分類するシンタックスハイライトプログラムを作る必要があります。たとえば、1つのグループはI/Oで、もう1つは制御コマンドです。そしてあなたはそれがどんなタイプのコマンドであるかに基づいてテキストに色をつけます。私は助けが必要です。構文Higlighter For Site

<html> 
<head> 
<div class=“io”>Text goes here</div> 
div.io { 
color: #0A0A0A; 
</head> 
<!-- 
PREFIX = 'lang/' 
SUFFIX = '.js' 
--> 
<body onload="sh_highlightDocument('lang/', '.js');"> 

<!-- 
CLASS = 'sh_java' 
PREFIX + CLASS + SUFFIX = 'lang/' + 'sh_java' + '.js' 
        = 'lang/sh_java.js' 
--> 
<pre class="sh_java"> 
public class X {} 
</pre> 

    </body> 
</html>

出典

2017-08-16 A. Rahman

素晴らしい！あなたの**質問**は何ですか？ StackOverflowは質問回答サイトであり、あなたは質問回答サイトを含めることができなかったようです。どの**特定の**問題があなたが苦労しているかを、**最小限の完全で検証可能な例**で明確に示してください（http://stackoverflow.com/help/mcve）。詳細については、[**よくある質問をどうやるか**]（http://stackoverflow.com/help/how-to-ask）に関するヘルプ記事を参照して、サイトの[**ツアー**]（http://stackoverflow.com/tour）:) –

あなたの質問を明記してください。どのように見えますか、どのカテゴリですか？どんな色が変わるべきですか？テキストの色、背景色？可能であれば、コードスニペットを提供してください！ –

テキストの色を変更する必要があります。助けてください –

上記のコードでいくつかの問題があります：あなたがあなたの<div>にカーリー“ ”引用符を使用しているinvalid HTML

ある<head>セクションであなたの<div>を書いている

は、クラス宣言は動作しません。

これに加えて、あなたの質問は信じられないほど曖昧です。あなたの質問には「制御コマンド」はありません。

はあなたが赤ioクラス内のテキスト、およびcontrol-commandsクラスの緑でいくつかの追加コンテンツを有効にしようとしているようにそれは、がに聞こえる、と述べました。

次のようにこれではJavaScriptの.getElementsByClassName()方法と.styleプロパティを使用して行うことができます。

function change() { 
 
    document.getElementsByClassName('io')[0].style.color = 'red'; 
 
    document.getElementsByClassName('control-commands')[0].style.color = 'green'; 
 
}

<div class='io'>IO</div> 
 
<div class='control-commands'>Control Commands</div> 
 
<br /> 
 
<button onclick="change()">Change</button>

.getElementsByClassNameがノードリストを返すので、あなたが必要なことに注意してください上記のように[0]でその最初のインデックスにアクセスします。

希望すると便利です。

出典

2017-08-16 04:34:45

Obsidian Age、本当に素晴らしい人に感謝します:) –

答えて

関連する問題