Как удалить класс CSS внутри тега DIV в javascript?

Пожалуйста, помогите, как удалить css внутри тега div?

Я попытался использовать приведенный ниже код для удаления css для типа ввода внутри тега div. но теперь он работает.

<style>

.removeInputBorder {
    border: none
}
</style>
</head>
<body>

<button onclick = "myFunction()">Try it</button>
<div id = "myDIV" >
This is a DIV element.
<input type = "text" value = "shakeer"  class = "removeInputBorder"/>
</div>

<script>
function myFunction() {
   var element = document.getElementById("myDIV");
   element.classList.remove("removeInputBorder");
}
</script>

Выберите элемент с помощью querySelector

— 26.03.2018 18:38

вы нацеливаетесь не на тот элемент

— 26.03.2018 18:42

javascript css html css-selectors

26.03.2018 18:36

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

955

Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Вы пытаетесь удалить removeInputBorder из div, но этот класс уже введен.

Да, мой класс css будет только для ввода.

— 26.03.2018 18:46

Это должен быть правильный ответ.

— 26.03.2018 18:47

@Ssyed ваш код в порядке, если вы хотите удалить класс с кнопки, тогда переменная element должна указывать на эту кнопку, а не на myDIV.

— 26.03.2018 19:03

@ Патрик Гулас, не могли бы вы подсказать, как это сделать?

— 26.03.2018 19:06

@Ssyed var element = document.getElementById ('myDIV'). GetElementsByTagName ("input‌") [0];

— 26.03.2018 19:12

@ tarqanwar- Спасибо. это подходит для меня

— 26.03.2018 19:24

26.03.2018 18:38

Ответ принят как подходящий

Для справки, вот решение для addClass, removeClass, hasClass на чистом javascript.

Проверьте эту страницу: http://jaketrent.com/post/addremove-classes-raw-javascript/

function hasClass(el, className) {
  if (el.classList)
    return el.classList.contains(className)
  else
    return !!el.className.match(new RegExp('(\\s|^)' + className + '(\\s|$)'))
}

function addClass(el, className) {
  if (el.classList)
    el.classList.add(className)
  else if (!hasClass(el, className)) el.className += " " + className
}

function removeClass(el, className) {
  if (el.classList)
    el.classList.remove(className)
  else if (hasClass(el, className)) {
    var reg = new RegExp('(\\s|^)' + className + '(\\s|$)')
    el.className=el.className.replace(reg, ' ')
  }
}

Как вызвать:

var el = document.getElementById('peace')
addClass(el, 'be-still')
// or
removeClass(el, 'be-still')

Этот ответ тоже работает

— 26.03.2018 19:24

26.03.2018 18:42

Другие вопросы по теме

Bootstrap CSS не применяется в weasyprint

Разверните несколько элементов Flexbox, чтобы они соответствовали ширине контейнера

Стильная навигация с подменю

Как выровнять открытые и закрытые цитаты в блоке?

Как стилизовать CSS в теге head с помощью драгоценного камня slim-rails

Использование jquery для удаления фонового изображения из определенного списка

Div и проблема позиционирования

CSS: not () работает не так, как я ожидал

Не могу заставить работать css-границы в mpdf

Обнаружение и применение определенного шрифта к заглавным буквам css

Как удалить класс CSS внутри тега DIV в javascript?

Ответы 2

Другие вопросы по теме

Похожие вопросы