wow
그는 물었다 11년 전
219

추가하는 방법을 클래스를 DOM element 의 JavaScript?

Div class 를 추가하는 방법 '?'

var new_row = document.createElement('div');

Gaʀʀʏ
그는 4년 전 댓글을 달았습니다
5

39, 너무 나쁜거라 spec doesn& 클래스뿐만 크리틸망 매개 변수로 지정할 수 없다.

Michał Perłakowski
그는 2년 전 댓글을 달았습니다
0

답변 8 개

new_row.className = "aClassName";

여기 매든 대한 자세한 정보: [className] (https://developer.mozilla.org/en-US/docs/Web/API/Element/className)

Shah
Zarel
그는 11년 전 댓글을 달았습니다
1

이봐요, 그러니까 'new_row'.

Simon
그는 6년 전 댓글을 달았습니다
3

여러 클래스 이름을 설정값입니다 어때?

Darko Z
그는 6년 전 댓글을 달았습니다
4

',' 그 속성은 @sponge new_row.className = &quot aClassName1 aClassName2"; 그냥 지정할 수 있습니다 잘못된 html 같은 임의의 문자열 경우에도 사용할 수 있습니다

StevenTsooo
그는 6년 전 댓글을 달았습니다
13

난 또 추천합니까 new_row.classList.add (& # 39, aClassName& # 39;), '것' 으로 클래스 이름을 여러 개 추가할 수 있습니다

dayuloli
그는 6년 전 댓글을 달았습니다
0

참고로 클레슬리스트 @steventsooo [지원되지 않는] '는' (http://caniuse.com/ # 성과 = 클레슬리스트) 에 IE9 또는 같습니다.

L0j1k
그는 5년 전 댓글을 달았습니다
6

39, don& w3schools 사용할 수 없다.

Kokodoko
그는 5년 전 댓글을 달았습니다
0

한 줄의 코드를 만들 수 있는 방법이 있는 classname 요소에 대한 참조입니다 리스토어와 계속 요소점? 예를 들면 다음과 같습니다. 미엘 = 도쿠망스크리틸망 (& # 39, div& # 39;) 지아다클레스 (& # 39, yo& # 39;) & # 39. 작동하지 않습니다.

Cody Moncur
그는 4년 전 댓글을 달았습니다
0

중요한 점은, s 도 @steventsooo It& # 39 는 여러 버전의 IE 의 값을 없는 클레슬리스트리아다 () 또는 클레슬리스트롬레모프 (). 결국 여러 값을 재산이잖아 클레슬리스트 모서리까지 지원 추가

Serge Eremeev
그는 3년 전 댓글을 달았습니다
0

방금 만든 경우 DOM 요소이거나 복제본인지 확실하지 없다고 클래스 이름을 사용하여 더 강력한 ',' className 것 같습니다.

() '' 리클레슬리스트리아다 사용하는 방법:

<! - begin 스니핏: js 숨기십시오: 거짓값 콘솔: 진정한 바벨. &gt 거짓값 -;

const element = document.querySelector('div.foo');
element.classList.add('bar');
console.log(element.className);

<div class="foo"></div>

끝 - &lt 스니핏 >;!

이 방법은 ',' 속성 때문에 해당 덮어씁니다 className doesn& # 39 더 나은 다른 클래스, t, t # 39 제거하시겠습니까 doesn& 경우 추가 요소를 클래스 파일이 이미.

'또는' 엘레멘트리클레슬리스트 클래스뿐만 제거하시겠습니까 전환하십시오 사용할 수도 있습니다 (자세한 내용은 [매든 docs] (https://developer.mozilla.org/en-US/docs/Web/API/Element/classList)).

이 함수를 사용하여 소스 코드를 apc® 외곽진입.

<html>
<head>
    <style>
        .news{padding:10px; margin-top:2px;background-color:red;color:#fff;}
    </style>
</head>
<body>
<div id="dd"></div>
<script>
        (function(){   
            var countup = this;
            var newNode = document.createElement('div');
            newNode.className = 'textNode news content';
            newNode.innerHTML = 'this created div contains class while created!!!';
            document.getElementById('dd').appendChild(newNode);           
        })();
    </script>
</body>
</html>

Carey
그는 5년 전 댓글을 달았습니다
8

그래서? 예를 들어, 이 자료는 there& # 39 의 아무것도아니야 어때서.

또한 이 JavaScript 에서 DOM 방식입니다.

// Create a div and set class
var new_row = document.createElement("div");
new_row.setAttribute("class", "aClassName" );
// Add some text
new_row.appendChild( document.createTextNode("Some text") );
// Add it to the document body
document.body.appendChild( new_row );

var newItem = document.createElement('div');
newItem.style = ('background-color:red'); 
newItem.className = ('new_class');
newItem.innerHTML = ('<img src="./profitly_files/TimCover1_bigger.jpg" width=50 height=50> some long text with ticker $DDSSD');
var list = document.getElementById('x-auto-1');
list.insertBefore(newItem, list.childNodes[0]);

Thomas Smyth
그는 3년 전 댓글을 달았습니다
2

다른 이유를 설명하는 데 도움이 될 것이라고 이 게시하기를 고려해보십시오 배울 수 있습니다.

obotezat
그는 2년 전 댓글을 달았습니다
0

이 때문에 투표를 백업하도록) 는 javascript 와 자바스크립트 / 바닐라 다른 라이브러리 또는 프레임워크와도 필요하지 않습니다.

예를 들어 '입력 필드를 확인표시를 새로 만들 수 있는 파일' 유형

 // Create new Input with type file and id='file-input'
 var newFileInput = document.createElement('input');

 // New input file will have type file
 newFileInput.type = "file"; 

 // New input file will have class="w-95 mb-1" (width - 95%, margin-bottom: .25rem)
 newFileInput.className = "w-95 mb-1"

출력은 다음과 같이 쓸 수 있다. '&lt 입력입니다 유형 = &quot file";; class = &quot w 95 mb-1&quot > ';;

-

Javascript 를 사용하여 만들 수 있는 가장 간단한 방법은 스케쳐내 네스트된 태그번호 이너사믈 ','

var tag = document.createElement("li");
tag.innerHTML = '<span class="toggle">Jan</span>';

출력은 다음과 같이 쓸 수 있다.

<li>
    <span class="toggle">Jan</span>
</li>

또한 손을 보라고 했다.

var el = document.getElementById('hello');
  if(el) {
    el.className += el.className ? ' someClass' : 'someClass';
  }

또한 작동합니까.

$(document.createElement('div')).addClass("form-group")

Dan Nguyen
그는 3년 전 댓글을 달았습니다
4

사용하는 경우에만 포함한다.