안녕하세요? 원주남자입니다. 오늘은 네비게이션이나 메뉴, 리스트상에서 많이 사용하는 li태그를 동적으로 추가하고 삭제해보겠습니다. 사과 바나나 오렌지 딸기 망고 ul태그안에 li태그들이 구성된 코드입니다. 과일5개를 미리 정의해두었습니다. ㅎㅎ 뭔가 동적으로 넣어주려면? 추가할 아이템을 넣을 입력창과 버튼정도는 넣어두어야겠죠 ㅎㅎ? 사과 바나나 오렌지 딸기 망고 기존 ul태그 위쪽에 택스트입력창과 버튼을 추가해주었구요~ 버튼에는 action_add()라는 함수를 연결시켜주었습니다. 위쪽 action_add라는 함수는 주석으로 입력한대로 입력한 글씨값을 받아오고 ul태그의 객체를 선언하였습니다. 그리고 제일 중요한 ul객체에 append()라는 메소드를 사용하여 li를 추가하는 것을 볼수있습니다. appe..
안녕하세요? 원주남자입니다. span태그의 class값을 변경하기 이전에 attr()태그에 대하여 알아여 하는데요. attr()태그는 어떤태그의 id, class, title등의 속성값을 알아내거나 변경할때 사용됩니다. 위 태그를 기준으로 설명드리면 src, id, class가 속성이 되겠네요~ 예제를 통해서 알아볼까요~ hello world~ 는 아니고 그 아래에 '안녕하세요??'가 span태그로 작성되어있구요. 또 그 아래에는 button 2개를 배치하였습니다. Hello world! 안녕하세요?? 각 버튼을 클리하면 class값이 변경이됩니다. 그리고 css에 미리 정의해둔 해당 class의 css의 속성을 적용받게됩니다. 실제로 클릭하게되면은 위와 같은 결과를 확인할 수가 있습니다. 한번에 여러개..