2016-12-19 1 views
4

div 태그에 속성을 설정나는 간단한 코드를 가지고

내가

<div class="content" something></div> 

내가 그것을 자바 스크립트 때문에를 사용하여 필요한이 방법을 보여주기 위해 자바 스크립트를 사용하여 div 태그 내부에 뭔가를 에코 할

<div class="content"></div> 

화면이 960px보다 넓은 경우 뭔가를 반향시키는 기능을 사용하고 싶습니다. 두 번째 부분에이 대답을 사용했습니다. Do something if screen width is less than 960 px

미리 감사드립니다.

+0

보다 큰 경우 속성을 추가하려면? –

+0

가능한 복제본은 http://stackoverflow.com/questions/710275/how-to-add-update-an-attribute-to-an-html-element-using-javascript – Alexis

답변

5

즉, attribute이라는 속성을 설정하려면 아래 방법을 사용할 수 있습니다.

순수 JS setAttribute()있어서

element.setAttribute('name','value'); 

jQuery를 attr()있어서

$(element).attr('name','value'); 

예 :

document.querySelector('.content').setAttribute('something',''); //Pure JS 
//Or 
$('.content').attr('something',''); //jQuery 

희망이 도움이됩니다. jQuery로

+0

많은 도움이되었습니다. 그것은 매력처럼 일했습니다. – user3358086

+0

아마도 데이터 속성이 적절했을 것입니다. 즉,'data-something = "foo"' – AndFisher

+0

아마도 @AndFisher이지만 'title'또는 다른 전역 속성 일 수도 있습니다. –

1

:

$('.content').attr('something',''); 
1

당신이 창 너비를 잘 속성 사용자 정의 설정을 위해 당신이 찾고있는 960

if (window.innerWidth > 960) { 

    document.querySelector('.content').setAttribute('something','') 

} 
+0

을 언급 할 가치가 있다고 생각합니다. 세미콜론을 놓쳤습니다. –

+0

자바 스크립트에는 세미콜론이 필요하지 않습니다. – Filipe

관련 문제