mustafasatirogl adlı üyeden alıntı: mesajı görüntüle
github da dosyaları ve kullanımı anlatılmış aslında. İnceledinmi bilmiyorum ama
SpaceCnn adlı üyeden alıntı: mesajı görüntüle
En basitinden şu şekilde yapabilirsini (jquery varlığını kabul ediyorum, pure javascipt ise ona göre yazalım);

<span>Örnek Makalemiz, javascript seçim css</span><br>
<span>Örnek Makalemiz, javascript seçim css</span><br>

<button class="btn style" type="button" />Sitil değiştir</button>

$(function() {
    $('.style').on('click', function() {
    var selectionText = selection();
   $('.changeText1').css({"background":"red"}); // fonksiyon içerisinde oluşturduğumuz elemente css ataması yapıyoruz
    });
});

function selection() {
    try {
        if (window.ActiveXObject) { return document.selection.createRange().htmlText; }

           var button = document.createElement("button"); // Seçilen alandan buton oluşturuyoruz. Siz burada span, div vs.. farklı bir dom element oluştrabilirsiniz
          button.className = 'changeText1'; // Oluşturuduğunuz elemente uniq bir class atayın ki her birini farklı biçimlendirebilesiniz
         getSelection().getRangeAt(0).surroundContents(button);

        return button.innerHTML;

     } catch (e) {

    if (window.ActiveXObject) { return document.selection.createRange(); }
        return getSelection();
    }
}


Merhaba yardımınız için çok teşekkürler. Attığınız kod parçasını denedim fakat buton'a tıkladığımda işlevsiz kaldı acaba sorun nedir anlayamadım?
Ek olarak jquery import ettim fakat pure hakkında bilgim yok ondan kaynaklı mıdır acaba?