Javascript копия и символ из div для ввода неисправности

Question

Javascript копия и символ из div для ввода неисправности

0

Я не могу найти ответ на этот вопрос...

Проблема. Javascript копирует текст из DIV на вход (текстовое поле), не копирует & as & и копирует его как & , См. Пример кода плюс.

У меня есть следующий код (на разных страницах, просто чтобы упростить все, что я здесь):

INPUT, где я хочу, чтобы текст был скопирован.

<input name="artist" id="txtArtist" type="text" placeholder="Introduce the artist" />

DIV, где текст скопирован. Эти данные заполняются из базы данных SQL.

<div id="art0"><div onclick="copyText(0)">Mumford & Sons</div></div>'

Функция, которая не работает...

function copyText(rowID){
    var content = document.getElementById('art'+rowID).innerHTML.replace(/<\/?[^>]+(>|$)/g, "\n");
    document.getElementById("txtArtist").value = document.getElementById('art'+rowID).innerHTML;
    document.getElementById("txtArtist").value = content;
}

ОЖИДАЕМЫЙ результат внутри текстового поля: Mumford & Sons

Результат ACTUAL внутри текстового поля: Mumford & Sons Mumford & Sons

Любая помощь, пожалуйста?

Спасибо вам всем!!

qalbiol 05 апр. 2014, в 19:55

Источник

0

Просто скопируйте textContent вместо innerHTML .
Teemu 05 апр. 2014, в 17:12
0

Знаете ли Вы посмотреть источник , чтобы увидеть , что «Mumford & Sons», на самом деле «Mumford & Sons» вместо «Mumford & Amp; Sons» , потому что & экранируются во многих случаях процедуры дезинфицировать.
Victory 05 апр. 2014, в 17:16
0

@Victory -> jsfiddle.net/adeneo/Lvm8s
adeneo 05 апр. 2014, в 17:16
0

@adeneo да, это может быть сложно для людей, которые пытаются учиться, потому что оба сбежали / не сбежали, как правило, делают один и тот же jsfiddle.net/Lvm8s/1
Victory 05 апр. 2014, в 17:20
0

@Victory Хммм, я проверил исходный код и на самом деле ты прав! Это Мамфорд & amp; Сыновья в источнике ...
qalbiol 05 апр. 2014, в 17:27

Показать ещё 3 комментария

Теги:

php

javascript

html

1 ответ

Ещё вопросы

Просто скопируйте textContent вместо innerHTML .
Знаете ли Вы посмотреть источник , чтобы увидеть , что «Mumford & Sons», на самом деле «Mumford & Sons» вместо «Mumford & Amp; Sons» , потому что & экранируются во многих случаях процедуры дезинфицировать.
@adeneo да, это может быть сложно для людей, которые пытаются учиться, потому что оба сбежали / не сбежали, как правило, делают один и тот же jsfiddle.net/Lvm8s/1
@Victory Хммм, я проверил исходный код и на самом деле ты прав! Это Мамфорд & amp; Сыновья в источнике ...

Jared Farrish · Accepted Answer · 2014-04-05T16-05-00.000Z

Используйте .textContent вместо .innerHTML:

var content = document.getElementById('art'+rowID).textContent;

http://jsfiddle.net/4Tr5T/1/

Обратите внимание, что .textContent не поддерживается IE 8 и ниже, поэтому, если вы так неудачны, .innerText вместо этого использовать .innerText.

var prop = 'textContent' in document.body ? 'textContent' : 'innerText',
    content = document.getElementById('art'+rowID)[prop];

http://jsfiddle.net/4Tr5T/2/

используйте вместо этого .textContent для FF.
позаботьтесь: .textContent совместим с> I9 ... для использования <I8 .innerText
Я редактирую вашу скрипку с помощью простого теста, чтобы изменить .textContent если он undefined . jsfiddle.net/4Tr5T/3
Решение отлично работает, спасибо!