Изменение цвета переменной Mathjax с помощью JavaScript - PullRequest
Новая
       8

Изменение цвета переменной Mathjax с помощью JavaScript

0 голосов
/ 04 января 2019

Я хочу программно изменить цвет переменных.Я попытался с этим 

<p> \(\overline{<font color="#0000EE" id="test_A">A</font>+B}+\overline{B}\)</p>

Но он просто нарушит синтаксис.Я не могу разбить уравнение на несколько уравнений, потому что оно вложено в черту.

Какие-либо советы по добавлению идентификатора в переменную mathjax, чтобы я мог ссылаться на него в javascript?

1 Ответ

0 голосов
/ 06 января 2019

Вместо этого напишите правила класса css, затем \class{yourClass}{yourVariable}: 

.yourClass{
  color:#0000EE;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-AMS_CHTML-full"></script>

<p> \(\overline{\class{yourClass}{A}+B}+\overline{B}\)</p>

Теперь у вас есть «идентификатор» для вашей переменной, после ее обработки вы можете легко изменить цвет с помощью JavaScript 

var button = document.querySelector('button');
button.addEventListener('click',changeColor);
function changeColor(){
   document.querySelector('.yourClass').style.color='red';
}
.yourClass{
  color:#0000EE;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-AMS_CHTML-full"></script>

<p> \(\overline{\class{yourClass}{A}+B}+\overline{B}\)</p>
<button>click</button>
...