css/js로 숫자 또는 문자를 감지

특수 문자를 감지하고 스타일을 지정하고 싶습니다. 예를 들어 뭔가이 같은 :css/js로 숫자 또는 문자를 감지

몸 [ "P"]/ 몸 [ "2"]

어떻게 이런 짓을 할 수 있습니까? 감사합니다.

순수 CSS를 사용할 수 없습니다. – Bergi

js는 무엇입니까? – user1599537

CSS를 사용할 수 없습니다. 유일한 비 요소 (CSS로 생성) pseudo-elements은 ::first-line 및 ::first-letter입니다.

그러나 DOM을 통해 JS로 검색하고 강조 표시 할 글자 주위에 태그를 만들 수 있습니다. 이를 수행하는 방법은 highlight words in html using regex & javascript - almost there을 확인하십시오.

2013-02-09 15:40:07 Bergi

감사합니다.이 작은 코드의 문제점은 무엇입니까? 'var a = getElementById ("b") if! = NaN {style.color = "blue"}' – user1599537

@ user1599537 해당 코드의 문제점은 1) 작동하지 않고 2) 오류가있는 것입니다 . – Mathletics

이 코드를 고칠 수 있습니까? : P – user1599537

상당히 간단한 교체로 노드별로이 작업을 수행 할 수 있지만 확장이 잘되지 않습니다.

마크 업을 감안할 때 :이 텍스트의 문자 페이지의 모든 스타일을 추가하고 싶다면

<p>Peter Rabbit ate all of Potter's pickling cukes.</p>

, 당신은 단락 노드를 선택하고 페이지 주위에 스팬을 추가 할 수 있습니다를 (가정 단일 단락) :

var graf = document.getElementsByTagName('p')[0]; 
graf.innerHTML = graf.innerText.replace(/(p)/gi,'<span class="fancy">$1</span>');

즉, 일반 텍스트 노드에서만 작동합니다. 예를 들어, span 태그가 이미 p 태그에 있다면, 대체 태그로 인해 망칠 것입니다.

2013-02-09 15:52:05 Mathletics

답변