다양한 언어를 제공하기 위한 방법으로 html에서 lang 어트리뷰트를 태그에 사용할 수 있습니다. 동시에 css의 lang 프로퍼티를 사용할 수 있죠. css의 프로퍼티와 html어트리뷰트를 같이 다룬 이유는 둘 다 함께 사용할 수 있기 때문입니다. 왜 그런지도 아래에서 함께 자세히 알아봅니다. # HTML lang attribute먼저 lang 어트리뷰트를 알아봅니다. 태그에 lang을 사용하면 웹에서 보여질 컨텐츠가 어떤 언어인지 알려주게됩니다. 이때 선택할 언어 코드를 값으로 사용합니다. 간단한 문법은 아래와 같습니다.<html lang="ko"> 매우 자주 볼 수 있는 코드로 여기서 ko는 korean인 한국어를 의미합니다. 위와같이 주로 태그의 제일 상위의 html 태그에 사용하였지만 어떤 태그에 사용하던 모두 가능합니다. 다만 페이지가 로딩될 때 가장 상위이면서 부모 객체인 html에 많이 사용됩니다. 몇 가지 예를들어보면 설정된 언어는 아래와 같습니다.한국어 : ko영
2019-02-27 09:25:10제이쿼리 선택자를 사용하여 요소를 찾는 방법 중 특정 텍스트가 특정 속성의 값, 앞 또는 뒤에만 있는 경우 어떻게 찾을 수 있을까요? 아래에서 그 방법을 알아봅니다.제이쿼리 선택자는 매우 쉽게 요소를 찾을 수 있습니다. 만약 아래처럼 class 속성과 값을 가지는 경우 예를들어봅니다.# 제이쿼리 속성 값의 시작 또는 끝과 일치하는 요소찾기아래 세 태그는 각각 다른 class명을 가지고 있습니다.<span class="webis">1</span><span class="webfree">2</span><span class="isfree">3</span>이때 is라는 클래스명을 가지고 있는 요소중 처음 또는 마지막에 일치하는 요소만 찾으려면 어떻게할까요?var myEle = $('span[class^=is]');// 세번째 요소만 반환위 코드를 수행하면 is로 시작하는 class 속성값을 가진 요소만 반환합니다.var myEle = $('span[class$=is]');// 첫번째 요소만
2017-08-28 05:32:09오늘 알아볼 내용은 입력폼 중 하나인 input 태그가 체크박스 또는 라디오 타입으로 어떤 값을 가지고 있을때 이를 체크하였는지 확인할 수 있는 다양한 방법에 대하여 알아보고자 한다. 방문자가 이를 클릭했을경우 이를 불러오기 위한 방법은 어떤 것이 있을까?우선 순수 자바스크립트의 방법을 알아보고 제이쿼리를 활용했을때의 방법도 알아볼 것이다. 먼저 자바스크립트를 사용한 방법을 예제와 함께 자세하게 알아보자.빨간 라인이 방문자가 클릭가능한 라디오 버튼이다.아래 방법은 순수 자바스크립트 방법을 사용한 방법이다. 사실 최근에는 제이쿼리나 기타 라이브러리를 활용하기 때문에 이 코드는 많이 사용되지 않을 수 있다. 하지만 가장 기본이 되는 방법으로 알아야 할 필요가 있을 것이다.그럼 아래 예제를 통해 자세히 알아보자... 아래 예제는 먹고 싶은 과일을 체크하는 예제이다. # input 태그체크 확인하는 예제보기이 예제는 방문자에게 먹고 싶거나 좋아하는 과일을 선택하도록 하는 설문조사 페이지의
2016-05-14 09:20:31html 태그안의 속성을 제거 또는 삭제하는 경우가 있습니다. 만약 순수 자바스크립트를 사용하면 getAttribute 또는 setAttribute를 통해 제어할 수 있겠죠. 더 간단한 방법으로 제이쿼리를 사용하는 방법은 없을까요?# 제이쿼리에서 속성 제거하기, removeAttr()제이쿼리(jQuery)를 사용할 경우 속성을 제거하는데 매우 간단한 메소드가 존재합니다. 바로 removeAttr() 속성입니다.만약 속성을 설정할 경우 attr() 메소드가 있으며 이 두 메소드를 사용한다면 속성을 매우 간단하게 추가하거나 제거할 수 있게됩니다. 그럼 먼저 아래의 removeAttr()을 사용하여 속성을 제거하는 방법을 알아보겠습니다.$('선택요소').removeAttr('속성명');속성 제거는 언제할 필요가 있을까요? 간단하게 disabled 속성을 가진 태그를 활성화 시키기 위해서 removeAttr() 속성을 사용할 수 있습니다. 그럼 간단한 예제를 통해 알아보죠.# removeA
2016-01-08 13:07:42특정 태그가 가진 속성들 예를 들어 id값이나 class명이 가진 값을 알아야하는 경우 사용 가능한 함수입니다. 값을 가져오는 것도 가능하고 지정할 수도 있습니다. 이때 사용하는 함수는 아래와 같습니다.선택할 요소.getAttribute('지정할 속성', '지정할 값')선택할 요소.setAttribute('값을 불러올 속성')[ 1 ] 속성 값 지정 또는 불러오는 예제 보기<script type="text/javascript">var test = document.getElementById('buttonEle');// buttonEle 이름의 id를 가진 요소를 test 변수에 저장함test.getAttribute('class') // 클래스명 불러오기test.getAttribute('data-no') // 사용자 속성 data-no의 값 불러오기test.setAttribute(속성명, 정할 속성값) // 특정 속성에 값 지정하기</script>
2014-01-31 12:55:54
