Ответы пользователя по тегу JavaScript
  • Как получить элемент имея element.style.(some-style)?

    Alixx
    @Alixx
    В данном случае никак, т.к. в someFuncton передаётся значение стиля. Чтобы в someFuncton получить элемент, нужно его передать в эту функцию:
    let element , element2;
    
            someFuncton(element.style.height, element);
            someFuncton(element.style.width, element)
    
            function someFuncton(value, element){
              /* теперь тут доступен элемент и у него можно менять разные стили */
            }

    А если по-нормальному, то тогда незачем в эту функцию значение стиля передавать, т.к. в функции сам элемент теперь доступен.

    Либо, как уже было сказано, используйте в функции поиск элемента по css селектору.
    Ответ написан
    Комментировать
  • Как создавать таблицу через dom js?

    Alixx
    @Alixx
    Вы в tr() и td() каждый раз создаёте новую таблицу, а не строку/столбец.

    function tr(){
    texta.value += '<table><tbody>'; // Один раз создаёте таблицу
        for(let i = 0; i<table1.value;i++){
    	texta.value += '<tr>';
        td(); /* Вызов td() должен быть тут, внутри строки, и нигде больше */
      texta.value += '</tr>';
        
    //    texta.value += `<table><tbody><tr><td style = "width:${table4.value}px;height:${table3.value}px;border:${table5.value}px ${tableselect.value} ${colorselect.value}"</td></tr>`
        }
    }
    
    function td(){
        for(let i = 0; i<table2.value;i++){
        texta.value += '<td style = "width:${table4.value}px;height:${table3.value}px;border:${table5.value}px ${tableselect.value} ${colorselect.value}"</td>';
      
     //       texta.value +=  `<table><tbody><tr><td style = "width:${table4.value}px;height:${table3.value}px;border:${table5.value}px ${tableselect.value} ${colorselect.value}"</td></tr>`
    
        }
    }
    Ответ написан
    1 комментарий
  • Как составить условие к полю strong?

    Alixx
    @Alixx
    let gd = document.querySelector('#gd');
    let str = gd.innerText;
    let number_gd = parseInt(str.replace(/[^\d]/g, ''));
    
    if (number_gd > 10)
    	document.querySelector('#example').style.visibility = 'hidden';
    Ответ написан
  • Как с помощью type="range" при каждом изменении value вызывать функцию с переменной = value?

    Alixx
    @Alixx
    <input id="my_input" type="range" value="0" max="100" min="0">
    var inp_value; // Здесь храните значение range
    // Ваша функция для действий со значением из range
    function my_function(value) {
       // что-то делаете с полученным значением
    }
    // Вешаете обработчик события mousemove на range
    document.querySelector("#my_input").addEventListener("mousemove", function() {
        inp_value  = this.value; // Сохраняете изменённое значение 
    });
    my_function(inp_value); // Собственно, вызываете ф-ю со значением range
    Ответ написан
    1 комментарий