語法Higlighter For Site

-7

我正在嘗試製作一個網站。但是我需要創建一個語法高亮的程序來根據他們所做的事情對命令進行分類。例如，一組將是I/O，另一組將是控制命令。你會根據它是什麼類型的命令來給文本着色。請我需要幫助。語法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>在<head>部分，它是invalid HTML
您正在使用捲髮「」報價在您<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

非常感謝黑曜石時代，您是一位非常棒的人:) –

語法Higlighter For Site

回答

相關問題